fix: use !important on dark theme CSS variables
Force dark theme variables to override :root values. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
39c1c1b9ea
commit
2aa5f00192
1 changed files with 13 additions and 13 deletions
|
|
@ -26,19 +26,19 @@
|
||||||
|
|
||||||
html[data-theme="dark"],
|
html[data-theme="dark"],
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
--bg: #0f0f0f;
|
--bg: #0f0f0f !important;
|
||||||
--bg-secondary: #1a1a1a;
|
--bg-secondary: #1a1a1a !important;
|
||||||
--bg-tertiary: #242424;
|
--bg-tertiary: #242424 !important;
|
||||||
--border: #2e2e2e;
|
--border: #2e2e2e !important;
|
||||||
--border-focus: #404040;
|
--border-focus: #404040 !important;
|
||||||
--text-primary: #e8eaed;
|
--text-primary: #e8eaed !important;
|
||||||
--text-secondary: #9aa0a6;
|
--text-secondary: #9aa0a6 !important;
|
||||||
--text-muted: #6b7280;
|
--text-muted: #6b7280 !important;
|
||||||
--accent: #14b8a6;
|
--accent: #14b8a6 !important;
|
||||||
--accent-hover: #2dd4bf;
|
--accent-hover: #2dd4bf !important;
|
||||||
--accent-soft: #134e4a;
|
--accent-soft: #134e4a !important;
|
||||||
--shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
|
--shadow-sm: 0 1px 3px rgba(0,0,0,0.3) !important;
|
||||||
--shadow-md: 0 4px 12px rgba(0,0,0,0.4);
|
--shadow-md: 0 4px 12px rgba(0,0,0,0.4) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
*, *::before, *::after {
|
*, *::before, *::after {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue