diff --git a/docs/conf.py b/docs/conf.py
index 7a117a271..4e14a6fd0 100644
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -311,3 +311,4 @@ texinfo_documents = [
 def setup(app):
     app.add_js_file("js/script.js")
     app.add_css_file("css/dark.css")
+    app.add_css_file("css/light.css")
diff --git a/docs/resources/css/dark.css b/docs/resources/css/dark.css
index c746e76cf..cc213d674 100644
--- a/docs/resources/css/dark.css
+++ b/docs/resources/css/dark.css
@@ -1196,6 +1196,11 @@
         color: rgb(166, 158, 146);
     }
 
+    .wy-menu-vertical li.toctree-l2.current a,
+    .wy-menu-vertical li.toctree-l3.current a {
+        background-color: #363636;
+    }
+
     .wy-menu-vertical li ul li a {
         color: rgb(208, 204, 198);
     }
diff --git a/docs/resources/css/light.css b/docs/resources/css/light.css
new file mode 100644
index 000000000..04edd7b16
--- /dev/null
+++ b/docs/resources/css/light.css
@@ -0,0 +1,8 @@
+@media (prefers-color-scheme: light) {
+
+    .wy-menu-vertical li.toctree-l2.current a,
+    .wy-menu-vertical li.toctree-l3.current a {
+        background-color: #c9c9c9;
+    }
+
+}
diff --git a/docs/resources/js/script.js b/docs/resources/js/script.js
index 3bc216c2d..5cb6494ea 100644
--- a/docs/resources/js/script.js
+++ b/docs/resources/js/script.js
@@ -24,13 +24,11 @@ jQuery(document).ready(function ($) {
                     var $upperA = $sidebarItem.parent().children('a');
                     var $upperAParent = $upperA.parent();
                     if ($upperAParent.hasClass('toctree-l2')) {
-                        $a.css('background-color', '#c9c9c9');
                         $a.css('padding-left', '4em');
                     } else if ($upperAParent.hasClass('toctree-l3')) {
                         if (!$upperA.find('.toctree-expand').length) {
                             $upperA.prepend($('<span />').addClass('toctree-expand'));
                         }
-                        $a.css('background-color', '#c9c9c9');
                         $a.css('padding-left', '5em');
                     } else {
                         $a.css('background-color', '#bdbdbd');