fix(explorer): unify header and dark mode theme with global standard

This commit is contained in:
oib
2026-02-27 12:09:11 +01:00
parent df726f9ccb
commit 8587a9f2b5
4 changed files with 38 additions and 1 deletions

View File

@@ -36,3 +36,33 @@
--color-border-strong: rgba(142, 249, 208, 0.24);
--color-focus-ring: rgba(142, 249, 208, 0.65);
}
/* Light Mode Overrides (triggered by global-header.js) */
html[data-theme='light'],
body.light {
color-scheme: light;
--color-bg: #f9fafb;
--color-surface: #ffffff;
--color-surface-muted: #f3f4f6;
--color-border: #e5e7eb;
--color-border-strong: #d1d5db;
--color-text-primary: #111827;
--color-text-secondary: #4b5563;
--color-text-muted: #6b7280;
--color-primary: #2563eb;
--color-primary-hover: rgba(37, 99, 235, 0.1);
--color-focus-ring: rgba(37, 99, 235, 0.5);
--color-placeholder: #9ca3af;
--color-table-even: #f9fafb;
--color-table-head: #f3f4f6;
--color-shadow-soft: rgba(0, 0, 0, 0.05);
}
html[data-theme='light'][data-mode="live"],
body.light[data-mode="live"] {
--color-primary: #059669;
--color-primary-hover: rgba(5, 150, 105, 0.1);
--color-border: rgba(5, 150, 105, 0.2);
--color-border-strong: rgba(5, 150, 105, 0.3);
--color-focus-ring: rgba(5, 150, 105, 0.5);
}