lyse-tokens
lyse/lyse-tokensFreeTheme
Lyse Design System tokens — required foundation for all Lyse components. Includes color primitives, semantic colors (light/dark), layout tokens, typography tokens, and shadcn bridge.
Install it
npx shadcn@latest add https://ui.getlyse.com/r/lyse-tokens.jsonSource
1/* ================================================================2 * PRIMITIVES — Colors3 * Source: Figma collection "_root colors"4 * Raw palette values, never used directly in components.5 * Components consume semantic tokens (semantic-colors.css).6 * ================================================================ */7:root {8 /* Base */9 --root-color-base-black: oklch(0.00% 0.0000 none);10 --root-color-base-transparent: oklch(98.51% 0.0000 none / 0%);11 --root-color-base-white: oklch(100.00% 0.0000 none);1213 /* Brand */14 --root-color-brand-050: oklch(97.05% 0.0142 254.60);15 --root-color-brand-100: oklch(93.19% 0.0316 255.59);16 --root-color-brand-200: oklch(88.20% 0.0588 253.97);17 --root-color-brand-300: oklch(80.71% 0.1007 250.45);18 --root-color-brand-400: oklch(70.40% 0.1583 253.63);19 --root-color-brand-500: oklch(61.87% 0.2067 259.23);20 --root-color-brand-600: oklch(54.65% 0.2455 262.87);21 --root-color-brand-700: oklch(48.78% 0.2432 264.40);22 --root-color-brand-800: oklch(42.42% 0.1982 265.50);23 --root-color-brand-900: oklch(37.96% 0.1453 265.47);24 --root-color-brand-950: oklch(28.10% 0.0924 268.13);2526 /* Danger */27 --root-color-danger-050: oklch(97.05% 0.0129 17.38);28 --root-color-danger-100: oklch(93.65% 0.0320 17.74);29 --root-color-danger-200: oklch(88.34% 0.0616 18.39);30 --root-color-danger-300: oklch(80.53% 0.1109 19.78);31 --root-color-danger-400: oklch(70.22% 0.1892 22.23);32 --root-color-danger-500: oklch(61% 0.2373 25.44);33 --root-color-danger-600: oklch(58.30% 0.2387 28.48);34 --root-color-danger-700: oklch(50.95% 0.2086 28.51);35 --root-color-danger-800: oklch(44.46% 0.1774 26.79);36 --root-color-danger-900: oklch(29% 0.10 25.71);37 --root-color-danger-950: oklch(25.75% 0.0918 25.84);3839 /* Neutral */40 --root-color-neutral-050: oklch(98.51% 0.0000 none);41 --root-color-neutral-100: oklch(97.02% 0.0000 none);42 --root-color-neutral-200: oklch(92.19% 0.0000 none);43 --root-color-neutral-300: oklch(86.99% 0.0000 none);44 --root-color-neutral-400: oklch(70.90% 0.0000 none);45 --root-color-neutral-500: oklch(55.55% 0.0000 none);46 --root-color-neutral-600: oklch(43.86% 0.0000 none);47 --root-color-neutral-700: oklch(37.15% 0.0000 none);48 --root-color-neutral-800: oklch(26.86% 0.0000 none);49 --root-color-neutral-900: oklch(20.46% 0.0000 none);50 --root-color-neutral-950: oklch(16.84% 0.0000 none);5152 /* Success */53 --root-color-success-050: oklch(98.19% 0.0181 155.83);54// … truncated
