How to Implement
Generate your theme above, copy the source code, then paste this into a new file in the root of your project with a distinct name, such as:
tailwind.config.[ts|js|cjs] found in the root of your project, and import your custom theme.
Within this file, register your custom theme via the Skeleton Tailwind plugin settings.
/src/app.html and define your theme using the
attribute. The value should match the
name field set within your theme's source code.
Note that custom themes can be registered along with Skeleton's preset themes, allowing you to switch between these as desired.
Migrate from v1 to v2
Advanced Color Curation
Looking for deeper customization? We recommend using Palette Generator. This includes support for hue, saturation, and lightness adjustments. Pair this with the Hex-To-RGB extension to convert each Hex color value to RGB in bulk with VS Code.