k4rli/medreport_mrb2b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

B2B-95: add design system token values to theme, apply to main components

Browse Source
This commit is contained in:
devmc-ee
2025-06-11 21:28:42 +03:00
parent 4aedc0b527
commit 0490c0ba80
23 changed files with 186 additions and 1493 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
styles/theme.css
View File

@@ -43,17 +43,74 @@
--color-chart-4: var(--chart-4);
--color-chart-5: var(--chart-5);
/* text colors */
--color-text-foreground: var(--foreground);
--color-text-primary: var(--primary);
--color-text-primary-foreground: var(--primary-foreground);
--color-text-secondary: var(--secondary);
--color-text-secondary-foreground: var(--secondary-foreground);
--color-text-muted: var(--muted);
--color-text-muted-foreground: var(--muted-foreground);
--color-text-accent: var(--accent);
--color-text-accent-foreground: var(--accent-foreground);
--color-text-destructive: var(--destructive);
--color-text-destructive-foreground: var(--destructive-foreground);
--color-text-popover-foreground: var(--popover-foreground);
/* background colors */
--color-bg-background: var(--background);
--color-bg-background-90: var(--background-90);
--color-bg-background-80: var(--background-80);
--color-bg-primary: var(--primary);
--color-bg-primary-90: var(--primary-90);
--color-bg-primary-80: var(--primary-80);
--color-bg-primary-20: var(--primary-20);
--color-bg-primary-10: var(--primary-10);
--color-bg-secondary: var(--secondary);
--color-bg-secondary-90: var(--secondary-90);
--color-bg-secondary-80: var(--secondary-80);
--color-bg-destructive: var(--destructive);
--color-bg-destructive-90: var(--destructive-90);
--color-bg-destructive-80: var(--destructive-80);
--color-bg-accent: var(--accent);
--color-bg-accent-90: var(--accent-90);
--color-bg-accent-80: var(--accent-80);
--color-bg-accent-50: var(--accent-50);
--color-bg-muted: var(--muted);
--color-bg-muted-90: var(--muted-90);
--color-bg-muted-80: var(--muted-80);
--color-bg-muted-50: var(--muted-50);
--color-bg-popover: var(--popover);
--color-bg-border: var(--border);
--color-bg-input: var(--input);
/* border colors */
--color-border-border: var(--border);
--color-border-foreground: var(--foreground);
--color-border-foreground-50: var(--foreground-50);
--color-border-input: var(--input);
--color-border-ring: var(--ring);
--color-border-primary: var(--primary);
--color-border-primary-50: var(--primary-50);
--color-border-primary-foreground: var(--primary-foreground);
--color-border-destructive: var(--destructive-50);
--color-border-toast-destructive: var(--muted-40);
--color-border-muted: var(--muted);
--radius-radius: var(--radius);
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-sm: calc(var(--radius) - 2px);
--radius-md: var(--radius);
--radius-lg: calc(var(--radius) + 2px);
--radius-xl: calc(var(--radius) + 4px);
--font-sans: -apple-system, var(--font-sans);
--font-heading: var(--font-heading);
--color-sidebar: var(--sidebar-background);
--color-sidebar-foreground: var(--sidebar-foreground);
--color-sidebar-foreground: var(--color-text-foreground);
--color-sidebar-primary: var(--sidebar-primary);
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
--color-sidebar-accent: var(--sidebar-accent);