mirror of
https://github.com/versia-pub/frontend.git
synced 2025-12-06 08:28:20 +01:00
55 lines
2 KiB
CSS
55 lines
2 KiB
CSS
:root {
|
|
--rose-pine-base: #191724;
|
|
--rose-pine-surface: #1f1d2e;
|
|
--rose-pine-overlay: #26233a;
|
|
--rose-pine-muted: #6e6a86;
|
|
--rose-pine-subtle: #908caa;
|
|
--rose-pine-text: #e0def4;
|
|
--rose-pine-love: #eb6f92;
|
|
--rose-pine-gold: #f6c177;
|
|
--rose-pine-rose: #ebbcba;
|
|
--rose-pine-pine: #31748f;
|
|
--rose-pine-foam: #9ccfd8;
|
|
--rose-pine-iris: #c4a7e7;
|
|
--rose-pine-highlight-low: #21202e;
|
|
--rose-pine-highlight-med: #403d52;
|
|
--rose-pine-highlight-high: #524f67;
|
|
}
|
|
|
|
:root {
|
|
--background: var(--rose-pine-base);
|
|
--foreground: var(--rose-pine-text);
|
|
--card: var(--rose-pine-base);
|
|
--card-foreground: var(--rose-pine-text);
|
|
--popover: var(--rose-pine-base);
|
|
--popover-foreground: var(--rose-pine-text);
|
|
--primary: var(--rose-pine-subtle);
|
|
--primary-foreground: var(--rose-pine-text);
|
|
--secondary: var(--rose-pine-muted);
|
|
--secondary-foreground: var(--rose-pine-subtle);
|
|
--muted: var(--rose-pine-surface);
|
|
--muted-foreground: var(--rose-pine-subtle);
|
|
--accent: var(--rose-pine-muted);
|
|
--accent-foreground: var(--rose-pine-subtle);
|
|
--warning: var(--rose-pine-gold);
|
|
--warning-foreground: var(--rose-pine-gold);
|
|
--destructive: var(--rose-pine-rose);
|
|
--destructive-foreground: var(--rose-pine-rose);
|
|
--border: var(--rose-pine-highlight-med);
|
|
--input: var(--rose-pine-subtle);
|
|
--ring: var(--rose-pine-highlight-med);
|
|
--chart-1: var(--rose-pine-text);
|
|
--chart-2: oklch(0.696 0.17 162.48);
|
|
--chart-3: oklch(0.769 0.188 70.08);
|
|
--chart-4: oklch(0.627 0.265 303.9);
|
|
--chart-5: oklch(0.645 0.246 16.439);
|
|
--sidebar: var(--rose-pine-base);
|
|
--sidebar-foreground: var(--rose-pine-text);
|
|
--sidebar-primary: var(--rose-pine-text);
|
|
--sidebar-primary-foreground: var(--rose-pine-subtle);
|
|
--sidebar-accent: var(--rose-pine-base);
|
|
--sidebar-accent-foreground: var(--rose-pine-subtle);
|
|
--sidebar-border: var(--rose-pine-highlight-high);
|
|
--sidebar-ring: var(--rose-pine-highlight-med);
|
|
}
|