+68
-68
@@ -9,9 +9,8 @@
|
||||
|
||||
@theme {
|
||||
--font-sans:
|
||||
'Instrument Sans', ui-sans-serif, system-ui, sans-serif,
|
||||
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
||||
'Noto Color Emoji';
|
||||
'Manrope', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
|
||||
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
|
||||
--radius-lg: var(--radius);
|
||||
--radius-md: calc(var(--radius) - 2px);
|
||||
@@ -188,74 +187,75 @@ html.dark:has(.probindo-site) {
|
||||
}
|
||||
|
||||
:root {
|
||||
--background: oklch(1 0 0);
|
||||
--foreground: oklch(0.145 0 0);
|
||||
--card: oklch(1 0 0);
|
||||
--card-foreground: oklch(0.145 0 0);
|
||||
--popover: oklch(1 0 0);
|
||||
--popover-foreground: oklch(0.145 0 0);
|
||||
--primary: oklch(0.205 0 0);
|
||||
--primary-foreground: oklch(0.985 0 0);
|
||||
--secondary: oklch(0.97 0 0);
|
||||
--secondary-foreground: oklch(0.205 0 0);
|
||||
--muted: oklch(0.97 0 0);
|
||||
--muted-foreground: oklch(0.556 0 0);
|
||||
--accent: oklch(0.97 0 0);
|
||||
--accent-foreground: oklch(0.205 0 0);
|
||||
--destructive: oklch(0.577 0.245 27.325);
|
||||
--destructive-foreground: oklch(0.577 0.245 27.325);
|
||||
--border: oklch(0.922 0 0);
|
||||
--input: oklch(0.922 0 0);
|
||||
--ring: oklch(0.87 0 0);
|
||||
--chart-1: oklch(0.646 0.222 41.116);
|
||||
--chart-2: oklch(0.6 0.118 184.704);
|
||||
--chart-3: oklch(0.398 0.07 227.392);
|
||||
--chart-4: oklch(0.828 0.189 84.429);
|
||||
--chart-5: oklch(0.769 0.188 70.08);
|
||||
--radius: 0.625rem;
|
||||
--sidebar: oklch(0.985 0 0);
|
||||
--sidebar-foreground: oklch(0.145 0 0);
|
||||
--sidebar-primary: oklch(0.205 0 0);
|
||||
--sidebar-primary-foreground: oklch(0.985 0 0);
|
||||
--sidebar-accent: oklch(0.97 0 0);
|
||||
--sidebar-accent-foreground: oklch(0.205 0 0);
|
||||
--sidebar-border: oklch(0.922 0 0);
|
||||
--sidebar-ring: oklch(0.87 0 0);
|
||||
/* Admin panel (shadcn) tokens, mapped to the Probindo palette. */
|
||||
--background: #f6f7f9;
|
||||
--foreground: #0f172a;
|
||||
--card: #ffffff;
|
||||
--card-foreground: #0f172a;
|
||||
--popover: #ffffff;
|
||||
--popover-foreground: #0f172a;
|
||||
--primary: #9e1b22;
|
||||
--primary-foreground: #ffffff;
|
||||
--secondary: #f2f4f7;
|
||||
--secondary-foreground: #0f172a;
|
||||
--muted: #f2f4f7;
|
||||
--muted-foreground: #4b5563;
|
||||
--accent: #fbeced;
|
||||
--accent-foreground: #9e1b22;
|
||||
--destructive: #dc2626;
|
||||
--destructive-foreground: #dc2626;
|
||||
--border: #ebe1e2;
|
||||
--input: #e2d6d7;
|
||||
--ring: #c81e2a;
|
||||
--chart-1: #9e1b22;
|
||||
--chart-2: #c81e2a;
|
||||
--chart-3: #fb7185;
|
||||
--chart-4: #64748b;
|
||||
--chart-5: #f59e0b;
|
||||
--radius: 0.75rem;
|
||||
--sidebar: #ffffff;
|
||||
--sidebar-foreground: #0f172a;
|
||||
--sidebar-primary: #9e1b22;
|
||||
--sidebar-primary-foreground: #ffffff;
|
||||
--sidebar-accent: #fbeced;
|
||||
--sidebar-accent-foreground: #9e1b22;
|
||||
--sidebar-border: #ebe1e2;
|
||||
--sidebar-ring: #c81e2a;
|
||||
}
|
||||
|
||||
.dark {
|
||||
--background: oklch(0.145 0 0);
|
||||
--foreground: oklch(0.985 0 0);
|
||||
--card: oklch(0.145 0 0);
|
||||
--card-foreground: oklch(0.985 0 0);
|
||||
--popover: oklch(0.145 0 0);
|
||||
--popover-foreground: oklch(0.985 0 0);
|
||||
--primary: oklch(0.985 0 0);
|
||||
--primary-foreground: oklch(0.205 0 0);
|
||||
--secondary: oklch(0.269 0 0);
|
||||
--secondary-foreground: oklch(0.985 0 0);
|
||||
--muted: oklch(0.269 0 0);
|
||||
--muted-foreground: oklch(0.708 0 0);
|
||||
--accent: oklch(0.269 0 0);
|
||||
--accent-foreground: oklch(0.985 0 0);
|
||||
--destructive: oklch(0.396 0.141 25.723);
|
||||
--destructive-foreground: oklch(0.637 0.237 25.331);
|
||||
--border: oklch(0.269 0 0);
|
||||
--input: oklch(0.269 0 0);
|
||||
--ring: oklch(0.439 0 0);
|
||||
--chart-1: oklch(0.488 0.243 264.376);
|
||||
--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: oklch(0.205 0 0);
|
||||
--sidebar-foreground: oklch(0.985 0 0);
|
||||
--sidebar-primary: oklch(0.985 0 0);
|
||||
--sidebar-primary-foreground: oklch(0.985 0 0);
|
||||
--sidebar-accent: oklch(0.269 0 0);
|
||||
--sidebar-accent-foreground: oklch(0.985 0 0);
|
||||
--sidebar-border: oklch(0.269 0 0);
|
||||
--sidebar-ring: oklch(0.439 0 0);
|
||||
--background: #0b0f17;
|
||||
--foreground: #f1f3f9;
|
||||
--card: #131824;
|
||||
--card-foreground: #f1f3f9;
|
||||
--popover: #131824;
|
||||
--popover-foreground: #f1f3f9;
|
||||
--primary: #b81f28;
|
||||
--primary-foreground: #ffffff;
|
||||
--secondary: #1f273b;
|
||||
--secondary-foreground: #f1f3f9;
|
||||
--muted: #171e2e;
|
||||
--muted-foreground: #b5bece;
|
||||
--accent: #2a1a22;
|
||||
--accent-foreground: #fda4af;
|
||||
--destructive: #7f1d1d;
|
||||
--destructive-foreground: #fca5a5;
|
||||
--border: #262d3d;
|
||||
--input: #2e3648;
|
||||
--ring: #ff4d58;
|
||||
--chart-1: #ff4d58;
|
||||
--chart-2: #fda4af;
|
||||
--chart-3: #b81f28;
|
||||
--chart-4: #94a3b8;
|
||||
--chart-5: #fbbf24;
|
||||
--sidebar: #0d121c;
|
||||
--sidebar-foreground: #f1f3f9;
|
||||
--sidebar-primary: #b81f28;
|
||||
--sidebar-primary-foreground: #ffffff;
|
||||
--sidebar-accent: #1f273b;
|
||||
--sidebar-accent-foreground: #f1f3f9;
|
||||
--sidebar-border: #1f273b;
|
||||
--sidebar-ring: #ff4d58;
|
||||
}
|
||||
|
||||
@layer base {
|
||||
|
||||
Reference in New Issue
Block a user