vegard/synops
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fiks mørkt tema: force bakgrunn på html/body/min-h-screen, lysere surface

Browse source 
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:
vegard 2026-03-19 02:19:12 +00:00
parent 98a7b0ab62
commit ab30ab8c65
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
frontend/src/app.css
View file

@ -3,8 +3,8 @@
/* Synops mørkt tema — matcher landingssiden */
@theme {
--color-bg: #0a0a0b;
--color-surface: #141416;
--color-surface-hover: #1a1a1e;
--color-surface: #1c1c20;
--color-surface-hover: #242428;
--color-border: #2a2a2e;
--color-border-hover: #3a3a3e;
--color-text: #e8e8ec;
@ -18,12 +18,16 @@
--color-error: #ef4444;
}
body {
background-color: var(--color-bg);
color: var(--color-text);
html, body {
background-color: var(--color-bg) !important;
color: var(--color-text) !important;
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 */
@layer base {
/* Overstyr alle bg-white til surface */