🐛 fix: align dashboard with secured APIs

This commit is contained in:
2026-08-13 03:29:33 +07:00
parent e90dc8382b
commit 3f09e330be
47 changed files with 1280 additions and 397 deletions
+59 -35
View File
@@ -26,10 +26,13 @@
--color-accent: var(--accent);
--color-accent-foreground: var(--accent-foreground);
--color-destructive: var(--destructive);
--color-destructive-foreground: var(--destructive-foreground);
--color-success: var(--success);
--color-success-foreground: var(--success-foreground);
--color-warning: var(--warning);
--color-warning-foreground: var(--warning-foreground);
--color-info: var(--info);
--color-info-foreground: var(--info-foreground);
--color-border: var(--border);
--color-input: var(--input);
--color-ring: var(--ring);
@@ -69,10 +72,13 @@
--accent: oklch(0.88 0.04 112);
--accent-foreground: oklch(0.2 0.028 110);
--destructive: oklch(0.57 0.205 28);
--destructive-foreground: oklch(0.99 0.005 28);
--success: oklch(0.59 0.155 132);
--success-foreground: oklch(0.28 0.09 132);
--warning: oklch(0.72 0.15 76);
--warning-foreground: oklch(0.34 0.09 66);
--info: oklch(0.52 0.12 230);
--info-foreground: oklch(0.3 0.07 230);
--border: oklch(0.79 0.018 90);
--input: oklch(0.76 0.02 90);
--ring: oklch(0.68 0.19 125);
@@ -93,41 +99,44 @@
}
.dark {
--background: oklch(0.16 0.018 75);
--foreground: oklch(0.94 0.012 95);
--card: oklch(0.21 0.018 75);
--card-foreground: oklch(0.94 0.012 95);
--popover: oklch(0.19 0.018 75);
--popover-foreground: oklch(0.94 0.012 95);
--primary: oklch(0.75 0.205 125);
--primary-foreground: oklch(0.15 0.025 125);
--secondary: oklch(0.26 0.02 80);
--secondary-foreground: oklch(0.94 0.012 95);
--muted: oklch(0.24 0.016 80);
--muted-foreground: oklch(0.72 0.018 90);
--accent: oklch(0.28 0.04 112);
--accent-foreground: oklch(0.92 0.03 110);
--destructive: oklch(0.68 0.19 28);
--success: oklch(0.72 0.155 132);
--success-foreground: oklch(0.22 0.06 132);
--warning: oklch(0.78 0.14 76);
--warning-foreground: oklch(0.28 0.08 66);
--border: oklch(0.35 0.02 80);
--input: oklch(0.32 0.02 80);
--ring: oklch(0.75 0.205 125);
--chart-1: oklch(0.75 0.205 125);
--chart-2: oklch(0.66 0.16 205);
--chart-3: oklch(0.72 0.17 80);
--chart-4: oklch(0.62 0.16 50);
--chart-5: oklch(0.58 0.14 300);
--sidebar: oklch(0.13 0.018 75);
--sidebar-foreground: oklch(0.91 0.015 95);
--sidebar-primary: oklch(0.75 0.205 125);
--sidebar-primary-foreground: oklch(0.15 0.025 125);
--sidebar-accent: oklch(0.22 0.022 80);
--sidebar-accent-foreground: oklch(0.96 0.01 95);
--sidebar-border: oklch(0.28 0.022 80);
--sidebar-ring: oklch(0.75 0.205 125);
--background: oklch(0.175 0.012 152);
--foreground: oklch(0.93 0.014 105);
--card: oklch(0.215 0.012 152);
--card-foreground: oklch(0.93 0.014 105);
--popover: oklch(0.2 0.012 152);
--popover-foreground: oklch(0.93 0.014 105);
--primary: oklch(0.79 0.165 128);
--primary-foreground: oklch(0.18 0.04 128);
--secondary: oklch(0.255 0.014 152);
--secondary-foreground: oklch(0.9 0.012 110);
--muted: oklch(0.24 0.012 152);
--muted-foreground: oklch(0.7 0.02 130);
--accent: oklch(0.27 0.03 140);
--accent-foreground: oklch(0.93 0.03 120);
--destructive: oklch(0.72 0.16 25);
--destructive-foreground: oklch(0.98 0.01 25);
--success: oklch(0.76 0.13 148);
--success-foreground: oklch(0.2 0.05 148);
--warning: oklch(0.82 0.12 88);
--warning-foreground: oklch(0.24 0.06 80);
--info: oklch(0.76 0.1 220);
--info-foreground: oklch(0.86 0.04 220);
--border: oklch(0.3 0.016 150);
--input: oklch(0.28 0.016 150);
--ring: oklch(0.79 0.165 128);
--chart-1: oklch(0.79 0.165 128);
--chart-2: oklch(0.72 0.12 210);
--chart-3: oklch(0.8 0.12 88);
--chart-4: oklch(0.7 0.12 55);
--chart-5: oklch(0.68 0.1 300);
--sidebar: oklch(0.135 0.014 155);
--sidebar-foreground: oklch(0.9 0.012 110);
--sidebar-primary: oklch(0.79 0.165 128);
--sidebar-primary-foreground: oklch(0.18 0.04 128);
--sidebar-accent: oklch(0.21 0.02 150);
--sidebar-accent-foreground: oklch(0.95 0.01 110);
--sidebar-border: oklch(0.24 0.016 150);
--sidebar-ring: oklch(0.79 0.165 128);
color-scheme: dark;
}
@@ -146,6 +155,11 @@
linear-gradient(to bottom, color-mix(in oklch, var(--border) 22%, transparent) 1px, transparent 1px);
background-size: 32px 32px;
}
.dark body {
background-image:
linear-gradient(to right, color-mix(in oklch, var(--border) 12%, transparent) 1px, transparent 1px),
linear-gradient(to bottom, color-mix(in oklch, var(--border) 12%, transparent) 1px, transparent 1px);
}
h1,
h2,
h3 {
@@ -185,6 +199,16 @@
background-size: 36px 36px;
}
.auth-scanlines {
background: repeating-linear-gradient(
to bottom,
transparent 0,
transparent 2px,
color-mix(in oklch, white 6%, transparent) 3px
);
mix-blend-mode: overlay;
}
.server-form [data-slot="tabs-content"] {
@apply border border-border bg-background/65 p-4 sm:p-6;
}