From c6a2ed928b37ba27bf8db598519da304b9212048 Mon Sep 17 00:00:00 2001
From: nocci <dev@sky-net.it>
Date: Sat, 6 Dec 2025 14:28:18 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style(css):=20remove=20light=20m?=
 =?UTF-8?q?ode=20overrides?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- delete CSS rules for light mode to maintain a single dark mode theme

♻️ refactor(html): enforce dark mode and remove theme toggle

- simplify theme management by permanently enabling dark mode
- remove theme toggle button and related JavaScript logic
---
 app/static/style.css    | 43 -----------------------------------------
 app/templates/base.html | 26 ++-----------------------
 2 files changed, 2 insertions(+), 67 deletions(-)

diff --git a/app/static/style.css b/app/static/style.css
index 2660fea..5bf82eb 100644
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -3,46 +3,3 @@ 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;
-}
diff --git a/app/templates/base.html b/app/templates/base.html
index 13a4e3f..58e825b 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -22,16 +22,8 @@
     <link rel="stylesheet" href="/static/style.css" />
 
     <script>
-      // Apply persisted theme preference; default is dark.
-      (function () {
-        const stored = localStorage.getItem("fleetledger-theme");
-        const html = document.getElementById("html-root");
-        if (stored === "light") {
-          html.classList.remove("dark");
-        } else {
-          html.classList.add("dark");
-        }
-      })();
+      // Always force dark mode (no toggle).
+      document.documentElement.classList.add("dark");
     </script>
 
     {% block extra_head %}{% endblock %}
@@ -103,13 +95,6 @@
                 {% if not loop.last %}<span class="text-slate-700">|</span>{% endif %}
               {% endfor %}
             </div>
-            <button
-              id="theme-toggle"
-              class="rounded-lg border border-slate-700 bg-slate-900/60 px-2.5 py-1 text-slate-300 hover:border-slate-500 hover:text-white"
-              type="button"
-            >
-              🌓
-            </button>
           </div>
         </div>
       </header>
@@ -129,13 +114,6 @@
     </div>
 
     <script>
-      // Theme toggle button handler
-      document.getElementById("theme-toggle").addEventListener("click", () => {
-        const html = document.getElementById("html-root");
-        const isDark = html.classList.toggle("dark");
-        localStorage.setItem("fleetledger-theme", isDark ? "dark" : "light");
-      });
-
       // Register service worker for PWA
       if ("serviceWorker" in navigator) {
         navigator.serviceWorker