Feat: First Commit + Project Scaffolding + Initialize Styling
License Added
This commit is contained in:
28
Frontend/src/styles/themes/_dark.scss
Normal file
28
Frontend/src/styles/themes/_dark.scss
Normal file
@@ -0,0 +1,28 @@
|
||||
/* 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-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);
|
||||
}
|
||||
Reference in New Issue
Block a user