From 4dcd4d16f961d4a614c105f2d28a3fd912a7c1b8 Mon Sep 17 00:00:00 2001
From: Daniel McCloy <dan@mccloy.info>
Date: Mon, 5 Aug 2024 17:26:00 -0500
Subject: [PATCH] Website fixes (#12776)

---
 doc/_static/style.css                  | 24 +++++++++++++++---------
 doc/_templates/copyright.html          |  2 +-
 doc/_templates/sidebar-quicklinks.html | 10 +++++-----
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/doc/_static/style.css b/doc/_static/style.css
index fcbd7e6116d..4bc6e03708e 100644
--- a/doc/_static/style.css
+++ b/doc/_static/style.css
@@ -106,11 +106,11 @@ a.sphx-glr-backref-instance:hover {
 }
 /* backreference links: make non-MNE func/meth calls resemble regular code */
 a[class^="sphx-glr-backref-module"] {
-    color: rgb(var(--pst-color-text-base));
+    color: var(--pst-color-text-base);
 }
 /* backreference links: make MNE calls bold and colorful */
 a[class^="sphx-glr-backref-module-mne"] {
-    color: rgb(var(--pst-color-link));
+    color: var(--pst-color-link);
     font-weight: var(--mne-font-weight-semibold);
 }
 /* suppress redundant note at top of every tutorial and signature at the end */
@@ -126,9 +126,12 @@ p.sphx-glr-signature {
     border-radius: 0.5rem;
     /* ↓↓↓↓↓↓↓ these two rules copied from sphinx-design */
     box-shadow: 0 .125rem .25rem var(--sd-color-shadow) !important;
-    color: var(--sg-download-a-color);
+    text-decoration: none;
     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }
+.sphx-glr-download a.download code {
+    color: var(--sg-download-a-color);
+}
 .sphx-glr-download a.download::before {
     color: var(--sg-download-a-color);
 }
@@ -204,16 +207,16 @@ aside.footnote:last-child {
 }
 
 /* ******************************************************* navbar icon links */
-.navbar-icon-links i.fa-square-github::before {
+.navbar-icon-links svg.fa-square-github {
     color: var(--mne-color-github);
 }
-.navbar-icon-links i.fa-discourse::before {
+.navbar-icon-links svg.fa-discourse {
     color: var(--mne-color-discourse);
 }
-.navbar-icon-links i.fa-discord::before {
+.navbar-icon-links svg.fa-discord {
     color: var(--mne-color-discord);
 }
-.navbar-icon-links i.fa-mastodon::before {
+.navbar-icon-links svg.fa-mastodon {
     color: var(--mne-color-mastodon);
 }
 
@@ -244,6 +247,9 @@ ul.quicklinks a {
     color: var(--pst-color-text-base);
     text-decoration: none;
 }
+ul.quicklinks a svg {
+    color: var(--pst-color-text-muted);
+}
 ul.quicklinks a:hover {
     text-decoration: none;
 }
@@ -264,7 +270,7 @@ div.frontpage-gallery {
 }
 div.frontpage-gallery a {
     text-decoration: none;
-    color: rgb(var(--pst-color-text-base));
+    color: var(--pst-color-text-base);
 }
 div.frontpage-gallery img.card-img {
     transform: scale(1.8);
@@ -289,7 +295,7 @@ div.frontpage-gallery:hover .fadeout {
    needed for dark mode. */
 div.card {
     border: 1px solid var(--pst-color-border);
-    background-color: rgb(var(--pst-color-background));
+    background-color: var(--pst-color-background);
 }
 .card-header {
     border-bottom-color: var(--pst-color-border);
diff --git a/doc/_templates/copyright.html b/doc/_templates/copyright.html
index abea05537ff..742b8b7e09c 100644
--- a/doc/_templates/copyright.html
+++ b/doc/_templates/copyright.html
@@ -1 +1 @@
-<p class="text-center text-muted small">&copy; Copyright {{ copyright }}</p>
+<p class="text-center small">&copy; Copyright {{ copyright }}</p>
diff --git a/doc/_templates/sidebar-quicklinks.html b/doc/_templates/sidebar-quicklinks.html
index 64826a79f65..fad7be67401 100644
--- a/doc/_templates/sidebar-quicklinks.html
+++ b/doc/_templates/sidebar-quicklinks.html
@@ -2,11 +2,11 @@
     <h5 class="card-header font-weight-bold">Version {{ release }}</h5>
     <div class="card-body">
         <ul class="list-group list-group-flush list-unstyled quicklinks">
-            <li><a href="{{ pathto('auto_tutorials/index.html', 1) }}"><i class="text-muted fas fa-book fa-fw"></i> Tutorials</a></li>
-            <li><a href="{{ pathto('development/whats_new.html', 1) }}"><i class="text-muted fas fa-newspaper fa-fw"></i> Changelog</a></li>
-            <li><a href="{{ pathto('help/index.html', 1) }}"><i class="text-muted fas fa-circle-question fa-fw"></i> Get help</a></li>
-            <li><a href="{{ pathto('documentation/cite.html', 1) }}"><i class="text-muted fas fa-quote-left fa-fw"></i> Cite</a></li>
-            <li><a href="{{ pathto('development/contributing.html', 1) }}"><i class="text-muted fas fa-code-branch fa-fw"></i> Contribute</a></li>
+            <li><a href="{{ pathto('auto_tutorials/index.html', 1) }}"><i class="fas fa-book fa-fw"></i> Tutorials</a></li>
+            <li><a href="{{ pathto('development/whats_new.html', 1) }}"><i class="fas fa-newspaper fa-fw"></i> Changelog</a></li>
+            <li><a href="{{ pathto('help/index.html', 1) }}"><i class="fas fa-circle-question fa-fw"></i> Get help</a></li>
+            <li><a href="{{ pathto('documentation/cite.html', 1) }}"><i class="fas fa-quote-left fa-fw"></i> Cite</a></li>
+            <li><a href="{{ pathto('development/contributing.html', 1) }}"><i class="fas fa-code-branch fa-fw"></i> Contribute</a></li>
         </ul>
     </div>
 </div>