From 79aa77348b4a6f8abe049fa9551351a492d6dbbd Mon Sep 17 00:00:00 2001
From: nocci <dev@sky-net.it>
Date: Sat, 6 Dec 2025 14:25:02 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style(css):=20add=20light-mode?=
 =?UTF-8?q?=20styles=20for=20slate=20backgrounds?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- implement light-mode overrides for slate backgrounds and text colors
- ensure compatibility with existing dark-mode styles
---
 app/static/style.css | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/app/static/style.css b/app/static/style.css
index 5bf82eb..2660fea 100644
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -3,3 +3,46 @@ body {
   font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
     "Segoe UI", sans-serif;
 }
+
+/* Light-mode overrides for commonly used slate backgrounds/texts */
+html:not(.dark) body {
+  background-color: #f8fafc;
+  color: #0f172a;
+}
+html:not(.dark) .bg-slate-950,
+html:not(.dark) .bg-slate-900,
+html:not(.dark) .bg-slate-900\\/80,
+html:not(.dark) .bg-slate-900\\/70,
+html:not(.dark) .bg-slate-900\\/60,
+html:not(.dark) .bg-slate-900\\/40,
+html:not(.dark) .bg-slate-800 {
+  background-color: #ffffff !important;
+}
+html:not(.dark) .border-slate-800,
+html:not(.dark) .border-slate-800\\/80,
+html:not(.dark) .border-slate-700 {
+  border-color: #e2e8f0 !important;
+}
+html:not(.dark) .text-slate-100,
+html:not(.dark) .text-slate-200,
+html:not(.dark) .text-slate-300 {
+  color: #0f172a !important;
+}
+html:not(.dark) .text-slate-400 {
+  color: #334155 !important;
+}
+html:not(.dark) .text-slate-500 {
+  color: #475569 !important;
+}
+html:not(.dark) .bg-slate-800 {
+  background-color: #f1f5f9 !important;
+}
+html:not(.dark) .bg-slate-900\\/60 {
+  background-color: rgba(255, 255, 255, 0.85) !important;
+}
+html:not(.dark) .bg-slate-900\\/70 {
+  background-color: rgba(255, 255, 255, 0.9) !important;
+}
+html:not(.dark) .bg-slate-900\\/80 {
+  background-color: rgba(255, 255, 255, 0.95) !important;
+}