From a2211fa4726336ab480cf0af7d32853edc40daa6 Mon Sep 17 00:00:00 2001
From: Bao Trinh <qubidt@gmail.com>
Date: Tue, 25 Jul 2023 19:03:05 -0500
Subject: Consolidate javascript and add comments

---
 data/style.scss | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

(limited to 'data/style.scss')

diff --git a/data/style.scss b/data/style.scss
index 909dc6f..6c0d284 100644
--- a/data/style.scss
+++ b/data/style.scss
@@ -199,15 +199,6 @@ nav .theme li a:hover {
     color: var(--change_theme_link_color_hover);
 }
 
-%active_theme_link {
-    font-weight: bold;
-    color: var(--switch_theme_active);
-}
-
-body:not([data-theme]) nav .theme li[data-theme="default"] a {
-    @extend %active_theme_link;
-}
-
 p {
     margin: 0;
     padding: 0;
@@ -572,9 +563,21 @@ th span.active span {
     }
 }
 
+%active_theme_link {
+    font-weight: bold;
+    color: var(--switch_theme_active);
+}
+
+// when no specific theme is applied, highlight the `default` theme button in
+// the theme menu
+body:not([data-theme]) nav .theme li[data-theme="default"] a {
+    @extend %active_theme_link;
+}
+
 @each $theme in $themes {
     body[data-theme="#{$theme}"] {
         @include theme($theme);
+        // highlight the currently active theme in the theme selection menu
         nav .theme li[data-theme="#{$theme}"] a {
             @extend %active_theme_link;
         }
-- 
cgit v1.2.3