From 0fcb5d702fcfb2c59942a0f3c7f713b90c948563 Mon Sep 17 00:00:00 2001
From: Mathieu Moran <mathieumoran1@gmail.com>
Date: Sun, 1 Feb 2026 22:55:27 -0500
Subject: [PATCH] Tweak light-mode navbar loading styles

---
 public/css/app.css | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 93bbc95..ee485d1 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -410,8 +410,8 @@ body:not(.i18n-ready) .navbar .navbar-text,
 body:not(.i18n-ready) .navbar .btn {
   transition: filter 220ms ease, opacity 220ms ease, transform 220ms ease;
   /* Light mode & default: muted appearance while i18n loads. */
-  filter: blur(1.2px) saturate(0.95);
-  opacity: 0.45;
+  filter: blur(0.8px) saturate(0.97);
+  opacity: 0.55;
   transform: translateY(-1px);
   pointer-events: none;
 }
@@ -421,6 +421,15 @@ html:not([data-theme="dark"]) body:not(.i18n-ready) nav.navbar,
 html:not([data-theme="dark"]) body:not(.i18n-ready) .navbar {
   opacity: 1;
   transform: none;
+  filter: none;
+  border: none;
+  outline: none;
+  box-shadow: none;
+}
+
+/* Light mode: match page background to navbar during loading to avoid edge lines. */
+html:not([data-theme="dark"]) body:not(.i18n-ready) {
+  background-color: var(--app-navbar);
 }
 
 /* Dark mode: keep the original soft blur effect while loading
@@ -997,6 +1006,16 @@ body.i18n-ready .navbar .btn {
     background: rgba(255, 255, 255, 0.12);
   }
 
+  /* Light mode navbar buttons */
+  .navbar-custom .btn-outline-light {
+    color: rgba(255, 255, 255, 0.9);
+    border-color: rgba(255, 255, 255, 0.25);
+  }
+
+  .navbar-custom .btn-outline-light:hover {
+    background: rgba(255, 255, 255, 0.08);
+  }
+
   html[data-theme="dark"] .btn-outline-dark {
     color: var(--app-text);
     border-color: var(--app-border);