From a15006d225760dfc70ea87f27318bf3cf3387e8c Mon Sep 17 00:00:00 2001
From: Saurabh Shelar <51042360+iShelar@users.noreply.github.com>
Date: Sat, 13 Dec 2025 22:42:20 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20feat:=20enhance=20dark=20theme?=
 =?UTF-8?q?=20support=20for=20navbar=20and=20dropdown=20menus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Override Bootstrap's styles for dark theme compatibility in the navbar
- Add minimal dark theme support for dropdown menus
- Ensure dropdown functionality is optimized for mobile devices
---
 pythonie/core/static/css/style.css | 42 ++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/pythonie/core/static/css/style.css b/pythonie/core/static/css/style.css
index 0a7e75e..b4a5af5 100644
--- a/pythonie/core/static/css/style.css
+++ b/pythonie/core/static/css/style.css
@@ -186,6 +186,14 @@ h1 {
     background-color: var(--nav-hover-bg);
 }
 
+/* Override Bootstrap's .open styles for dark theme support */
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+    color: var(--link-hover-color);
+    background-color: var(--nav-hover-bg);
+}
+
 .navbar-default .navbar-toggle .icon-bar {
     background-color: var(--nav-text);
 }
@@ -285,3 +293,37 @@ footer .well {
 .theme-toggle-label {
     font-weight: 500;
 }
+
+/* Dropdown menu - minimal dark theme support */
+.navbar-default .dropdown-menu {
+    background-color: var(--nav-bg);
+    border-color: var(--border-color);
+}
+
+.navbar-default .dropdown-menu > li > a {
+    color: var(--nav-text);
+}
+
+.navbar-default .dropdown-menu > li > a:hover,
+.navbar-default .dropdown-menu > li > a:focus {
+    background-color: var(--nav-hover-bg);
+    color: var(--link-hover-color);
+}
+
+.navbar-default .dropdown-menu .divider {
+    background-color: var(--border-color);
+}
+
+/* Ensure dropdowns work on mobile */
+@media (max-width: 767px) {
+    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+        color: var(--nav-text);
+        padding: 10px 15px 10px 25px;
+    }
+    
+    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+        background-color: var(--nav-hover-bg);
+        color: var(--link-hover-color);
+    }
+}