diff options
| author | Ben Sima <ben@bsima.me> | 2025-11-12 16:05:55 -0500 |
|---|---|---|
| committer | Ben Sima <ben@bsima.me> | 2025-11-12 16:05:55 -0500 |
| commit | fc7315d007eb38defb21834b476462935235ce69 (patch) | |
| tree | 453f45becdc431c8954da96ee6a7555af8eb0be0 /Biz/PodcastItLater | |
| parent | 6053c5761e68562cc6fd9294cf679e75d78f61da (diff) | |
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
Diffstat (limited to 'Biz/PodcastItLater')
| -rw-r--r-- | Biz/PodcastItLater/UI.py | 10 |
1 files changed, 10 insertions, 0 deletions
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; + } } """, ) |