This commit is contained in:
Denozordec
2026-05-03 11:16:07 +07:00
parent ce00c4c671
commit bdb9b72fac
66 changed files with 9553 additions and 1547 deletions
+39 -7
View File
@@ -110,9 +110,16 @@
--sidebar-ring: oklch(0.488 0.243 264.376);
/* ── Status ── */
--status-online: oklch(0.527 0.154 150.069);
--status-offline: oklch(0.577 0.245 27.325);
--status-degraded: oklch(0.666 0.179 58.318);
--status-online: oklch(0.527 0.154 150.069);
--status-offline: oklch(0.577 0.245 27.325);
--status-degraded: oklch(0.666 0.179 58.318);
/* badge variants — foreground text + translucent fill */
--status-online-fg: oklch(0.437 0.149 150.069); /* emerald-700 */
--status-online-bg: oklch(0.527 0.154 150.069 / 0.10);
--status-offline-fg: oklch(0.505 0.213 27.325); /* red-700 */
--status-offline-bg: oklch(0.577 0.245 27.325 / 0.10);
--status-degraded-fg: oklch(0.555 0.163 58.318); /* amber-700 */
--status-degraded-bg: oklch(0.666 0.179 58.318 / 0.10);
}
/* ─── Dark theme ──────────────────────────────────────────────────────────── */
@@ -171,10 +178,17 @@
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.488 0.243 264.376);
/* Status stays the same */
--status-online: oklch(0.527 0.154 150.069);
--status-offline: oklch(0.577 0.245 27.325);
--status-degraded: oklch(0.666 0.179 58.318);
/* Status — same dot colors, dark-mode-adjusted badge text */
--status-online: oklch(0.527 0.154 150.069);
--status-offline: oklch(0.577 0.245 27.325);
--status-degraded: oklch(0.666 0.179 58.318);
/* badge variants — lighter fg for dark bg */
--status-online-fg: oklch(0.696 0.170 151.328); /* emerald-400 */
--status-online-bg: oklch(0.527 0.154 150.069 / 0.12);
--status-offline-fg: oklch(0.704 0.191 22.216); /* red-400 */
--status-offline-bg: oklch(0.577 0.245 27.325 / 0.12);
--status-degraded-fg: oklch(0.769 0.149 70.080); /* amber-400 */
--status-degraded-bg: oklch(0.666 0.179 58.318 / 0.12);
}
@layer base {
@@ -186,5 +200,23 @@
}
html {
@apply font-sans;
color-scheme: light;
}
/* next-themes кладёт класс dark на <html> — без этого нативные контролы (select) дают светлый popup и белый текст */
html.dark {
color-scheme: dark;
}
/*
Нативный <select>: в Chrome/Edge выпадающая часть может игнорировать тёмный фон страницы.
Явные цвета + color-scheme выше дают читаемые пункты в светлой и тёмной теме.
*/
select {
background-color: var(--background);
color: var(--foreground);
}
select option {
background-color: var(--popover);
color: var(--popover-foreground);
}
}