30 lines
870 B
SCSS
30 lines
870 B
SCSS
/* Path: Frontend/src/styles/themes/_light.scss */
|
|
|
|
:root,
|
|
[data-theme="light"] {
|
|
color-scheme: light;
|
|
|
|
--color-canvas: var(--gray-50);
|
|
--color-surface: hsl(0 0% 100% / 0.9);
|
|
--color-surface-muted: var(--gray-0);
|
|
--color-surface-hover: var(--gray-100);
|
|
--color-border: hsl(220 15% 85% / 0.9);
|
|
--color-border-strong: hsl(220 12% 70% / 0.9);
|
|
|
|
--color-text: var(--gray-800);
|
|
--color-text-muted: var(--gray-500);
|
|
|
|
--color-accent: var(--blue-500);
|
|
--color-accent-strong: var(--blue-600);
|
|
--color-accent-soft: hsl(218 88% 61% / 0.12);
|
|
--color-accent-contrast: hsl(0 0% 100%);
|
|
--color-primary-1: var(--blue-500);
|
|
--color-primary-2: hsl(271 72% 60%);
|
|
--color-primary-3: hsl(192 76% 48%);
|
|
|
|
--color-success: var(--green-500);
|
|
--color-danger: var(--red-500);
|
|
--color-warning: var(--amber-500);
|
|
--color-focus-ring: hsl(221 83% 53% / 0.55);
|
|
}
|