Per the proposal: https://www.notion.so/Skeleton-v5-RFC-33466a04713c809abb60dad12826a140
Goal
Update the built-in preset Skeleton themes in the core package to adhere to all required changes.
Requirements
NOE: these requirements may expand as part of our initial audit and research phase
Remove Redundant Classes
As part of updating to standardized Tailwind @theme properties, this will render many custom implemented utility classes redundant. These should be removed and the Core API documentation updated
Improve Core API Docs
Alongside these other updates, we should aim to improve the display and consumption of the API reference data. Ideally showing exactly exact rather than summarized variables whenever possible. This will be beneficial to people and LLMs alike, which sometimes fail to parse this information properly. We can keep links to the more detail documentation (ex: presets) as needed though.
Use Brand Colors
As part of implementing the accent-color property, we should take care to update our Form element examples, as well as consider the impact for component styling.
Per the proposal: https://www.notion.so/Skeleton-v5-RFC-33466a04713c809abb60dad12826a140
Goal
Update the built-in preset Skeleton themes in the core package to adhere to all required changes.
Requirements
@themeproperty names (ex:--base-font-color>--color-*)border | ring | divider | outlineaccent-colorand morecorner-shape(used for buttons, cards, etc)Remove Redundant Classes
As part of updating to standardized Tailwind
@themeproperties, this will render many custom implemented utility classes redundant. These should be removed and the Core API documentation updatedImprove Core API Docs
Alongside these other updates, we should aim to improve the display and consumption of the API reference data. Ideally showing exactly exact rather than summarized variables whenever possible. This will be beneficial to people and LLMs alike, which sometimes fail to parse this information properly. We can keep links to the more detail documentation (ex: presets) as needed though.
Use Brand Colors
As part of implementing the
accent-colorproperty, we should take care to update our Form element examples, as well as consider the impact for component styling.