From 09100e97aa37d1095e70246bc52b21e39e7637f4 Mon Sep 17 00:00:00 2001
From: asepharyana <superaseph@gmail.com>
Date: Sun, 5 Jul 2026 03:26:15 +0700
Subject: [PATCH] =?UTF-8?q?fix(fe):=20light=20mode=20white=20text=20?=
 =?UTF-8?q?=E2=80=94=20remove=20background/color=20from=20body,=20set=20on?=
 =?UTF-8?q?=20.app-shell?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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.
---
 services/frontend/frontend/src/app.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/services/frontend/frontend/src/app.css b/services/frontend/frontend/src/app.css
index f13cec0..9107951 100644
--- a/services/frontend/frontend/src/app.css
+++ b/services/frontend/frontend/src/app.css
@@ -123,8 +123,6 @@ html {
 
 body {
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  background: var(--surface-base);
-  color: var(--text-primary);
   line-height: 1.6;
   min-height: 100vh;
   overflow-x: hidden;
@@ -587,7 +585,8 @@ svg { display: inline-block; vertical-align: middle; }
   display: flex;
   flex-direction: column;
   height: 100vh;
-  background: color-mix(in srgb, var(--surface-base) 94%, transparent);
+  background: var(--surface-base);
+  color: var(--text-primary);
 }
 
 .app-header {