@windplug/theme-system v1.1.21

@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',

Colors with only content pairs:

'body', 'card',

'code'