From fc7315d007eb38defb21834b476462935235ce69 Mon Sep 17 00:00:00 2001
From: Ben Sima <ben@bsima.me>
Date: Wed, 12 Nov 2025 16:05:55 -0500
Subject: Add dark mode styling for navbar

- Navbar now uses dark background (#2b3035) in dark mode - Add
border-bottom to separate navbar from content in dark mode - Ensure
navbar-text elements have proper light color (#dee2e6) in dark mode -
Maintains light mode appearance with bg-body-tertiary
---
 Biz/PodcastItLater/UI.py | 10 ++++++++++
 1 file changed, 10 insertions(+)

(limited to 'Biz')

diff --git a/Biz/PodcastItLater/UI.py b/Biz/PodcastItLater/UI.py
index b7ec76c..1a70c49 100644
--- a/Biz/PodcastItLater/UI.py
+++ b/Biz/PodcastItLater/UI.py
@@ -46,6 +46,16 @@ def create_auto_dark_mode_style() -> html.style:
                 --bs-border-color: #495057;
                 --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
             }
+
+            /* Navbar dark mode */
+            .navbar.bg-body-tertiary {
+                background-color: #2b3035 !important;
+                border-bottom: 1px solid #495057;
+            }
+
+            .navbar .navbar-text {
+                color: #dee2e6 !important;
+            }
         }
         """,
     )
-- 
cgit v1.2.3