Feat: First Commit + Project Scaffolding + Initialize Styling
License Added
This commit is contained in:
26
Frontend/src/styles/themes/_light.scss
Normal file
26
Frontend/src/styles/themes/_light.scss
Normal file
@@ -0,0 +1,26 @@
|
||||
/* 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-success: var(--green-500);
|
||||
--color-danger: var(--red-500);
|
||||
--color-warning: var(--amber-500);
|
||||
--color-focus-ring: hsl(221 83% 53% / 0.55);
|
||||
}
|
||||
Reference in New Issue
Block a user