[chores] Improvements to Dark theme added by @colthreepv

- Pygments Themes: The Pygments color formatting for code
  samples was not displaying well on the dark theme.
- Color Adjustment: I made the orange tone in the dark
  version slightly darker.
- Dark/Light Mode Switch: I have reinstated the dark/light
  mode switch in the upper right corner.

_static/custom.css

@@ -18,13 +18,13 @@
 html.dark {
   --text-color: #e0e0e0;
   --background-color: #1a1a1a;
-  --link-color: #ff9d5c;
-  --link-hover-color: #ffb380;
+  --link-color: #ee7f31;
+  --link-hover-color: #ff9d5c;
   --admonition-bg: #2c2c2c;
   --admonition-color: #b0d4ff;
   --code-bg: #2c2c2c;
   --sidebar-bg: rgba(60, 60, 60, 0.5);
-  --current-link-color: #ff9d5c;
+  --current-link-color: #ee7f31;
   --header-link-color: #b0b0b0;
 }
 
@@ -108,6 +108,9 @@ table thead th { font-weight: 600 }
   font-style: normal;
   color: var(--link-hover-color);
 }
+html.dark #content h1 em {
+  color: var(--link-color);
+}
 #content h2 {
   margin-top: 2rem;
   font-size: 1.6em;
@@ -177,12 +180,12 @@ code.download {
 
 a.rounded-md,
 a.rounded-md:hover {
-  background-color: var(--link-hover-color);
+  background-color: var(--link-color);
   color: var(--background-color);
   font-weight: 600;
 }
 a.rounded-md:hover {
-  background-color: var(--link-color);
+  background-color: var(--link-hover-color);
 }
 
 a.rounded-md svg.mr-2 {
@@ -413,4 +416,4 @@ main > div .flex.justify-between.items-center.pt-6 {
 
 #doc-versions .download-links a:hover {
   text-decoration: underline;
-}
+}

_templates/layout.html

@@ -29,24 +29,6 @@
         ePUB</a>
     </p>
   </li>
-  <li class="color-mode">
-    <p>
-      {{ _('Color') }}:
-      <a href="#" 
-        id="light-mode" 
-        @click.prevent="darkMode = 'light'; localStorage.setItem('darkMode', 'light')"
-        :class="{ 'font-bold': darkMode === 'light' }">
-        {{ _('Light') }}
-      </a>
-      /
-      <a href="#" 
-        id="dark-mode" 
-        @click.prevent="darkMode = 'dark'; localStorage.setItem('darkMode', 'dark')"
-        :class="{ 'font-bold': darkMode === 'dark' }">
-        {{ _('Dark') }}
-      </a>
-    </p>
-  </li>
 </ul>
 {% endblock %}
 
@@ -73,25 +55,6 @@
 </noscript>
 <!-- End Matomo Code -->
 
-<!-- Color Mode -->
-<script>
-  document.addEventListener('DOMContentLoaded', function() {
-    const lightModeButton = document.getElementById('light-mode');
-    const darkModeButton = document.getElementById('dark-mode');
-
-    lightModeButton.addEventListener('click', function(e) {
-      e.preventDefault();
-      localStorage.setItem('darkMode', 'light');
-    });
-
-    darkModeButton.addEventListener('click', function(e) {
-      e.preventDefault();
-      localStorage.setItem('darkMode', 'dark');
-    });
-  });
-</script>
-<!-- End Color Mode -->
-
 <div id="lightbox" class="lightbox">
   <span class="close">&times;</span>
 </div>

conf.py

@@ -111,7 +111,8 @@
 # show_authors = False
 
 # The name of the Pygments (syntax highlighting) style to use.
-pygments_style = 'sphinx'
+pygments_style = 'trac'
+pygments_style_dark = 'lightbulb'
 
 # A list of ignored prefixes for module index sorting.
 # modindex_common_prefix = []