32 lines
998 B
SCSS
32 lines
998 B
SCSS
/* Path: Frontend/src/styles/themes/_dark.scss */
|
|
|
|
[data-theme="dark"] {
|
|
color-scheme: dark;
|
|
|
|
--color-canvas: var(--gray-900);
|
|
--color-surface: hsl(220 23% 14% / 0.92);
|
|
--color-surface-muted: hsl(220 22% 12% / 0.96);
|
|
--color-surface-hover: hsl(220 18% 20% / 0.96);
|
|
--color-border: hsl(220 12% 26% / 0.9);
|
|
--color-border-strong: hsl(220 12% 38% / 0.9);
|
|
|
|
--color-text: hsl(210 20% 96%);
|
|
--color-text-muted: hsl(220 12% 70%);
|
|
|
|
--color-accent: hsl(217 91% 67%);
|
|
--color-accent-strong: hsl(218 88% 61%);
|
|
--color-accent-soft: hsl(217 91% 67% / 0.18);
|
|
--color-accent-contrast: hsl(220 28% 10%);
|
|
--color-primary-1: hsl(217 91% 67%);
|
|
--color-primary-2: hsl(272 80% 70%);
|
|
--color-primary-3: hsl(190 84% 62%);
|
|
|
|
--color-success: hsl(154 55% 48%);
|
|
--color-danger: hsl(0 72% 62%);
|
|
--color-warning: hsl(36 100% 60%);
|
|
--color-focus-ring: hsl(217 91% 67% / 0.65);
|
|
|
|
--shadow-soft: 0 16px 40px hsl(220 40% 3% / 0.45);
|
|
--shadow-strong: 0 24px 60px hsl(220 40% 3% / 0.55);
|
|
}
|