Fiks mørkt tema: force bakgrunn på html/body/min-h-screen, lysere surface
Bakgrunnen var fortsatt hvit fordi Tailwind-klasser overstyrte body. Nå forcert med !important på html, body, .min-h-screen. Surface justert fra #141416 til #1c1c20 for bedre kontrast på kort. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
98a7b0ab62
commit
ab30ab8c65
1 changed files with 9 additions and 5 deletions
|
|
@ -3,8 +3,8 @@
|
||||||
/* Synops mørkt tema — matcher landingssiden */
|
/* Synops mørkt tema — matcher landingssiden */
|
||||||
@theme {
|
@theme {
|
||||||
--color-bg: #0a0a0b;
|
--color-bg: #0a0a0b;
|
||||||
--color-surface: #141416;
|
--color-surface: #1c1c20;
|
||||||
--color-surface-hover: #1a1a1e;
|
--color-surface-hover: #242428;
|
||||||
--color-border: #2a2a2e;
|
--color-border: #2a2a2e;
|
||||||
--color-border-hover: #3a3a3e;
|
--color-border-hover: #3a3a3e;
|
||||||
--color-text: #e8e8ec;
|
--color-text: #e8e8ec;
|
||||||
|
|
@ -18,12 +18,16 @@
|
||||||
--color-error: #ef4444;
|
--color-error: #ef4444;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
html, body {
|
||||||
background-color: var(--color-bg);
|
background-color: var(--color-bg) !important;
|
||||||
color: var(--color-text);
|
color: var(--color-text) !important;
|
||||||
font-family: 'Inter', -apple-system, system-ui, sans-serif;
|
font-family: 'Inter', -apple-system, system-ui, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Alle div-er med min-h-screen bakgrunn */
|
||||||
|
.min-h-screen { background-color: var(--color-bg) !important; }
|
||||||
|
div[style*="display: contents"] { background-color: var(--color-bg) !important; }
|
||||||
|
|
||||||
/* Override Tailwind defaults for dark theme */
|
/* Override Tailwind defaults for dark theme */
|
||||||
@layer base {
|
@layer base {
|
||||||
/* Overstyr alle bg-white til surface */
|
/* Overstyr alle bg-white til surface */
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue