Fix navbar styling with recent versions of pydata-theme (#261)

.pre-commit-config.yaml

@@ -3,7 +3,7 @@ ci:
   autoupdate_schedule: "quarterly"
 repos:
   - repo: https://github.com/astral-sh/ruff-pre-commit
-    rev: "v0.5.0"
+    rev: "v0.5.1"
     hooks:
       - id: ruff
         args: ["--fix", "--unsafe-fixes"]
@@ -42,6 +42,6 @@ repos:
         args: ["--fix=lf"]
       - id: trailing-whitespace
   - repo: https://github.com/crate-ci/typos
-    rev: v1.22.9
+    rev: v1.23.1
     hooks:
       - id: typos

src/sunpy_sphinx_theme/theme/sunpy/static/sunpy_style.css

@@ -194,9 +194,23 @@ html[data-theme="dark"] div.graphviz > object.inheritance {
   padding-left: 0.6rem;
 }
 
+.bd-header ul.navbar-nav > li.nav-item.dropdown > .dropdown-toggle {
+  color: var(--sst-header-text);
+}
+
+.bd-header ul.navbar-nav > li.nav-item.dropdown > .dropdown-toggle:hover {
+  color: var(--sst-accent-color-bright);
+  box-shadow: none;
+}
+
+.bd-header ul.navbar-nav > li.nav-item > .nav-link {
+  color: var(--sst-header-text);
+}
+
 .bd-header .navbar-nav li a.nav-link {
   color: var(--sst-header-text);
 }
+
 .bd-header .navbar-nav li a.nav-link:focus,
 .bd-header .navbar-nav li a.nav-link:hover {
   color: var(--sst-accent-color-bright);
@@ -207,9 +221,14 @@ html[data-theme="dark"] div.graphviz > object.inheritance {
   color: var(--sst-accent-color-bright);
 }
 
+html .pst-navbar-icon {
+  color: var(--sst-header-text);
+}
+
 .search-button {
   color: var(--sst-header-text);
 }
+
 .search-button:hover {
   color: var(--sst-accent-color-bright);
 }
@@ -237,6 +256,11 @@ html[data-theme="light"] .bd-sidebar-primary .theme-switch-button span {
   border-color: var(--sst-accent-color-bright);
 }
 
+.bd-header ul.navbar-nav .dropdown .dropdown-menu {
+  background-color: var(--sst-header-background);
+  border: none;
+}
+
 /* Required to center the items in the bottom bar */
 .bd-header .navbar-header-items__start {
   width: auto;