diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
index 2d286a6a..e8f84448 100644
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -33,7 +33,7 @@ jobs:
         os: [ubuntu-latest]
         python-version: ["3.11", "3.12", "3.13", "3.14"]
         # Test last 2 major releases of Sphinx; regression fixtures target the latest.
-        sphinx: ["~=7.0", "~=8.0", "~=9.0"]
+        sphinx: ["~=8.0", "~=9.0"]
         include:
         - os: windows-latest
           python-version: 3.13
diff --git a/pyproject.toml b/pyproject.toml
index 9cb57e9b..7d8dd4fb 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -39,8 +39,8 @@ readme = "README.md"
 
 requires-python = ">=3.11"
 dependencies = [
-  "sphinx>=7.0",
-  "pydata-sphinx-theme==0.17.1"
+  "sphinx>=8.0",
+  "pydata-sphinx-theme==0.19.0"
 ]
 
 license = { file = "LICENSE" }
diff --git a/tests/test_build.py b/tests/test_build.py
index 87136af2..360a01f0 100644
--- a/tests/test_build.py
+++ b/tests/test_build.py
@@ -88,15 +88,15 @@ def test_build_book(sphinx_build_factory, file_regression):
     # -- Sidebar --------------------------------------------------------------
     index_html = sphinx_build.html_tree("index.html")
     # Navigation entries
-    if sphinx_version.major >= 8:
-        # Only run this regression on the latest Sphinx series to avoid duplicates.
-        sidebar = index_html.find(attrs={"class": "bd-docs-nav"})
-        file_regression.check(
-            sidebar.prettify(),
-            basename="build__sidebar-primary__nav",
-            extension=".html",
-            encoding="utf8",
-        )
+
+    # Only run this regression on the latest Sphinx series to avoid duplicates.
+    sidebar = index_html.find(attrs={"class": "bd-docs-nav"})
+    file_regression.check(
+        sidebar.prettify(),
+        basename="build__sidebar-primary__nav",
+        extension=".html",
+        encoding="utf8",
+    )
 
     # Check navbar numbering
     sidebar_ntbk = sphinx_build.html_tree("section1", "ntbk.html").find(
diff --git a/tests/test_build/build__header-article.html b/tests/test_build/build__header-article.html
index c33dc832..7b23cb33 100644
--- a/tests/test_build/build__header-article.html
+++ b/tests/test_build/build__header-article.html
@@ -106,14 +106,39 @@
        </i>
       </span>
      </button>
-     <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button pst-js-only" data-bs-placement="bottom" data-bs-title="Color mode" data-bs-toggle="tooltip">
-      <i class="theme-switch fa-solid fa-sun fa-lg" data-mode="light" title="Light">
-      </i>
-      <i class="theme-switch fa-solid fa-moon fa-lg" data-mode="dark" title="Dark">
-      </i>
-      <i class="theme-switch fa-solid fa-circle-half-stroke fa-lg" data-mode="auto" title="System Settings">
-      </i>
-     </button>
+     <div class="theme-switch-container dropdown pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Color mode">
+      <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown">
+       <i class="theme-switch fa-solid fa-sun fa-lg fa-fw" data-mode="light" title="Light">
+       </i>
+       <i class="theme-switch fa-solid fa-moon fa-lg fa-fw" data-mode="dark" title="Dark">
+       </i>
+       <i class="theme-switch fa-solid fa-circle-half-stroke fa-lg fa-fw" data-mode="auto" title="System Settings">
+       </i>
+      </button>
+      <ul class="dropdown-menu dropdown-menu-end">
+       <li>
+        <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto">
+         <i class="fa-solid fa-circle-half-stroke fa-lg fa-fw me-1">
+         </i>
+         System Settings
+        </button>
+       </li>
+       <li>
+        <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light">
+         <i class="fa-solid fa-sun fa-lg fa-fw me-1">
+         </i>
+         Light
+        </button>
+       </li>
+       <li>
+        <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark">
+         <i class="fa-solid fa-moon fa-lg fa-fw me-1">
+         </i>
+         Dark
+        </button>
+       </li>
+      </ul>
+     </div>
      <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search">
       <i class="fa-solid fa-magnifying-glass fa-lg">
       </i>
diff --git a/tests/test_build/header__repo-buttons--all-off.html b/tests/test_build/header__repo-buttons--all-off.html
index 26caaeca..73543f8c 100644
--- a/tests/test_build/header__repo-buttons--all-off.html
+++ b/tests/test_build/header__repo-buttons--all-off.html
@@ -37,14 +37,39 @@
      </i>
     </span>
    </button>
-   <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button pst-js-only" data-bs-placement="bottom" data-bs-title="Color mode" data-bs-toggle="tooltip">
-    <i class="theme-switch fa-solid fa-sun fa-lg" data-mode="light" title="Light">
-    </i>
-    <i class="theme-switch fa-solid fa-moon fa-lg" data-mode="dark" title="Dark">
-    </i>
-    <i class="theme-switch fa-solid fa-circle-half-stroke fa-lg" data-mode="auto" title="System Settings">
-    </i>
-   </button>
+   <div class="theme-switch-container dropdown pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Color mode">
+    <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown">
+     <i class="theme-switch fa-solid fa-sun fa-lg fa-fw" data-mode="light" title="Light">
+     </i>
+     <i class="theme-switch fa-solid fa-moon fa-lg fa-fw" data-mode="dark" title="Dark">
+     </i>
+     <i class="theme-switch fa-solid fa-circle-half-stroke fa-lg fa-fw" data-mode="auto" title="System Settings">
+     </i>
+    </button>
+    <ul class="dropdown-menu dropdown-menu-end">
+     <li>
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto">
+       <i class="fa-solid fa-circle-half-stroke fa-lg fa-fw me-1">
+       </i>
+       System Settings
+      </button>
+     </li>
+     <li>
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light">
+       <i class="fa-solid fa-sun fa-lg fa-fw me-1">
+       </i>
+       Light
+      </button>
+     </li>
+     <li>
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark">
+       <i class="fa-solid fa-moon fa-lg fa-fw me-1">
+       </i>
+       Dark
+      </button>
+     </li>
+    </ul>
+   </div>
    <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search">
     <i class="fa-solid fa-magnifying-glass fa-lg">
     </i>
diff --git a/tests/test_build/header__repo-buttons--all-on.html b/tests/test_build/header__repo-buttons--all-on.html
index 867c54b1..45be072d 100644
--- a/tests/test_build/header__repo-buttons--all-on.html
+++ b/tests/test_build/header__repo-buttons--all-on.html
@@ -78,14 +78,39 @@
      </i>
     </span>
    </button>
-   <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button pst-js-only" data-bs-placement="bottom" data-bs-title="Color mode" data-bs-toggle="tooltip">
-    <i class="theme-switch fa-solid fa-sun fa-lg" data-mode="light" title="Light">
-    </i>
-    <i class="theme-switch fa-solid fa-moon fa-lg" data-mode="dark" title="Dark">
-    </i>
-    <i class="theme-switch fa-solid fa-circle-half-stroke fa-lg" data-mode="auto" title="System Settings">
-    </i>
-   </button>
+   <div class="theme-switch-container dropdown pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Color mode">
+    <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown">
+     <i class="theme-switch fa-solid fa-sun fa-lg fa-fw" data-mode="light" title="Light">
+     </i>
+     <i class="theme-switch fa-solid fa-moon fa-lg fa-fw" data-mode="dark" title="Dark">
+     </i>
+     <i class="theme-switch fa-solid fa-circle-half-stroke fa-lg fa-fw" data-mode="auto" title="System Settings">
+     </i>
+    </button>
+    <ul class="dropdown-menu dropdown-menu-end">
+     <li>
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto">
+       <i class="fa-solid fa-circle-half-stroke fa-lg fa-fw me-1">
+       </i>
+       System Settings
+      </button>
+     </li>
+     <li>
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light">
+       <i class="fa-solid fa-sun fa-lg fa-fw me-1">
+       </i>
+       Light
+      </button>
+     </li>
+     <li>
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark">
+       <i class="fa-solid fa-moon fa-lg fa-fw me-1">
+       </i>
+       Dark
+      </button>
+     </li>
+    </ul>
+   </div>
    <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search">
     <i class="fa-solid fa-magnifying-glass fa-lg">
     </i>
diff --git a/tests/test_build/header__repo-buttons--custom-branch.html b/tests/test_build/header__repo-buttons--custom-branch.html
index 208a689c..b971b585 100644
--- a/tests/test_build/header__repo-buttons--custom-branch.html
+++ b/tests/test_build/header__repo-buttons--custom-branch.html
@@ -61,14 +61,39 @@
      </i>
     </span>
    </button>
-   <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button pst-js-only" data-bs-placement="bottom" data-bs-title="Color mode" data-bs-toggle="tooltip">
-    <i class="theme-switch fa-solid fa-sun fa-lg" data-mode="light" title="Light">
-    </i>
-    <i class="theme-switch fa-solid fa-moon fa-lg" data-mode="dark" title="Dark">
-    </i>
-    <i class="theme-switch fa-solid fa-circle-half-stroke fa-lg" data-mode="auto" title="System Settings">
-    </i>
-   </button>
+   <div class="theme-switch-container dropdown pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Color mode">
+    <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown">
+     <i class="theme-switch fa-solid fa-sun fa-lg fa-fw" data-mode="light" title="Light">
+     </i>
+     <i class="theme-switch fa-solid fa-moon fa-lg fa-fw" data-mode="dark" title="Dark">
+     </i>
+     <i class="theme-switch fa-solid fa-circle-half-stroke fa-lg fa-fw" data-mode="auto" title="System Settings">
+     </i>
+    </button>
+    <ul class="dropdown-menu dropdown-menu-end">
+     <li>
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto">
+       <i class="fa-solid fa-circle-half-stroke fa-lg fa-fw me-1">
+       </i>
+       System Settings
+      </button>
+     </li>
+     <li>
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light">
+       <i class="fa-solid fa-sun fa-lg fa-fw me-1">
+       </i>
+       Light
+      </button>
+     </li>
+     <li>
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark">
+       <i class="fa-solid fa-moon fa-lg fa-fw me-1">
+       </i>
+       Dark
+      </button>
+     </li>
+    </ul>
+   </div>
    <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search">
     <i class="fa-solid fa-magnifying-glass fa-lg">
     </i>
diff --git a/tests/test_build/header__repo-buttons--one-on.html b/tests/test_build/header__repo-buttons--one-on.html
index ec34bab2..ab6555d9 100644
--- a/tests/test_build/header__repo-buttons--one-on.html
+++ b/tests/test_build/header__repo-buttons--one-on.html
@@ -43,14 +43,39 @@
      </i>
     </span>
    </button>
-   <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button pst-js-only" data-bs-placement="bottom" data-bs-title="Color mode" data-bs-toggle="tooltip">
-    <i class="theme-switch fa-solid fa-sun fa-lg" data-mode="light" title="Light">
-    </i>
-    <i class="theme-switch fa-solid fa-moon fa-lg" data-mode="dark" title="Dark">
-    </i>
-    <i class="theme-switch fa-solid fa-circle-half-stroke fa-lg" data-mode="auto" title="System Settings">
-    </i>
-   </button>
+   <div class="theme-switch-container dropdown pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Color mode">
+    <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown">
+     <i class="theme-switch fa-solid fa-sun fa-lg fa-fw" data-mode="light" title="Light">
+     </i>
+     <i class="theme-switch fa-solid fa-moon fa-lg fa-fw" data-mode="dark" title="Dark">
+     </i>
+     <i class="theme-switch fa-solid fa-circle-half-stroke fa-lg fa-fw" data-mode="auto" title="System Settings">
+     </i>
+    </button>
+    <ul class="dropdown-menu dropdown-menu-end">
+     <li>
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto">
+       <i class="fa-solid fa-circle-half-stroke fa-lg fa-fw me-1">
+       </i>
+       System Settings
+      </button>
+     </li>
+     <li>
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light">
+       <i class="fa-solid fa-sun fa-lg fa-fw me-1">
+       </i>
+       Light
+      </button>
+     </li>
+     <li>
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark">
+       <i class="fa-solid fa-moon fa-lg fa-fw me-1">
+       </i>
+       Dark
+      </button>
+     </li>
+    </ul>
+   </div>
    <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search">
     <i class="fa-solid fa-magnifying-glass fa-lg">
     </i>
diff --git a/tox.ini b/tox.ini
index b595f74f..e9c02422 100644
--- a/tox.ini
+++ b/tox.ini
@@ -60,10 +60,9 @@ commands =
         --re-ignore ".*\.pyc" \
         --re-ignore ".*~"
 
-[testenv:py{311,312,313,314}-sphinx{7,8,9}]
+[testenv:py{311,312,313,314}-sphinx{8,9}]
 extras = test
 deps =
-    sphinx7: sphinx>=7,<8
     sphinx8: sphinx>=8,<9
     sphinx9: sphinx>=9,<10
 commands = pytest {posargs}