39 lines
2.0 KiB
CSS
39 lines
2.0 KiB
CSS
/* Theme color definitions */
|
|
|
|
@theme {
|
|
--color-black: oklch(0% 0 0);
|
|
--color-white: oklch(100% 0 0);
|
|
|
|
--color-background: oklch(89.75% 0 0);
|
|
--color-text: oklch(0% 0 0);
|
|
|
|
--color-primary: oklch(60.48% 0.2166 257.2);
|
|
--color-primary-100: color-mix(in oklch, var(--color-primary) 10%, white);
|
|
--color-primary-200: color-mix(in oklch, var(--color-primary) 20%, white);
|
|
--color-primary-300: color-mix(in oklch, var(--color-primary) 30%, white);
|
|
--color-primary-400: color-mix(in oklch, var(--color-primary) 40%, white);
|
|
--color-primary-500: color-mix(in oklch, var(--color-primary) 50%, white);
|
|
--color-primary-600: color-mix(in oklch, var(--color-primary) 60%, white);
|
|
--color-primary-700: color-mix(in oklch, var(--color-primary) 70%, white);
|
|
--color-primary-800: color-mix(in oklch, var(--color-primary) 80%, white);
|
|
--color-primary-900: color-mix(in oklch, var(--color-primary) 90%, white);
|
|
|
|
--color-secondary: oklch(55.75% 0.0165 244.9);
|
|
--color-secondary-100: color-mix(in oklch, var(--color-secondary) 10%, white);
|
|
--color-secondary-200: color-mix(in oklch, var(--color-secondary) 20%, white);
|
|
--color-secondary-300: color-mix(in oklch, var(--color-secondary) 30%, white);
|
|
--color-secondary-400: color-mix(in oklch, var(--color-secondary) 40%, white);
|
|
--color-secondary-500: color-mix(in oklch, var(--color-secondary) 50%, white);
|
|
--color-secondary-600: color-mix(in oklch, var(--color-secondary) 60%, white);
|
|
--color-secondary-700: color-mix(in oklch, var(--color-secondary) 70%, white);
|
|
--color-secondary-800: color-mix(in oklch, var(--color-secondary) 80%, white);
|
|
--color-secondary-900: color-mix(in oklch, var(--color-secondary) 90%, white);
|
|
|
|
--color-success: oklch(64.01% 0.1751 146.7);
|
|
--color-info: oklch(65.52% 0.1105 212.2);
|
|
--color-warning: oklch(84.42% 0.1722 84.93);
|
|
--color-danger: oklch(59.15% 0.202 21.24);
|
|
--color-light: oklch(98.16% 0.0017 247.8);
|
|
--color-dark: oklch(34.51% 0.0133 248.2);
|
|
}
|