@windplug/theme-system
An headless Tailwind Theme System strongly based on CSS Custom Properties.
Variables
Colors
Base colors have scale variations:
I.e., for primary: primary: { DEFAULT: dynamicHsl('--wpt-primary'), 100: dynamicHsl('--wpt-primary', 25), 200: dynamicHsl('--wpt-primary', 20), 300: dynamicHsl('--wpt-primary', 15), 400: dynamicHsl('--wpt-primary', 5), 500: dynamicHsl('--wpt-primary'), 600: dynamicHsl('--wpt-primary', -5), 700: dynamicHsl('--wpt-primary', -10), 800: dynamicHsl('--wpt-primary', -15), 900: dynamicHsl('--wpt-primary', -20) },
Colors with hover/focus/content pairs:
'primary', 'secondary', 'accent', 'neutral', 'disabled',
'info', 'success', 'warning', 'danger',