MythEclipse/GMW
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(fe): light mode white text — remove background/color from body, set on .app-shell

Browse Source 
body is outside the [data-theme] scope, so var(--text-primary)
on body always resolved to the dark :root value (#e8edf5, near-white).
Elements inside [data-theme] inherited this white color in light mode,
causing white-on-white text. Fix by moving background/color to
.app-shell which is inside the theme scope.
This commit is contained in:
asepharyana
2026-07-05 03:26:15 +07:00
parent 08ddad4077
commit 09100e97aa
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/frontend/frontend/src/app.css
+2 -3
View File
@@ -123,8 +123,6 @@ html {
body { body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
background: var(--surface-base);
color: var(--text-primary);
line-height: 1.6; line-height: 1.6;
min-height: 100vh; min-height: 100vh;
overflow-x: hidden; overflow-x: hidden;
@@ -587,7 +585,8 @@ svg { display: inline-block; vertical-align: middle; }
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh; height: 100vh;
background: color-mix(in srgb, var(--surface-base) 94%, transparent); background: var(--surface-base);
color: var(--text-primary);
} }
.app-header { .app-header {