Update theme switcher icon and clean up CSS rendering rules

Author: one-data-cookie

_includes/header.html

@@ -53,7 +53,7 @@ <h4>{{ site.heading }}</h4>
         <div class="navbar-item navbar-dark-mode__mobile" onclick="modeSwitcher()">
           <div class="buttons">
             <a class="button is-text">
-              <span class="theme-toggle-btn" id="theme-toggle-img--mobile">☀</span>
+              <span class="theme-toggle-btn" id="theme-toggle-img--mobile">●</span>
             </a>
           </div>
         </div>
@@ -111,7 +111,7 @@ <h4>{{ site.heading }}</h4>
             </a>
             <!-- Theme Switcher Button -->
             <a class="button is-text" onclick="modeSwitcher()">
-              <span class="theme-toggle-btn" id="theme-toggle-img">☀</span>
+              <span class="theme-toggle-btn" id="theme-toggle-img">●</span>
             </a>
           </div>
         </div>

assets/css/style.css

@@ -1620,17 +1620,6 @@ label.margin-toggle:not(.sidenote-number) {
     font-weight: 600;
     font-size: 1.25rem;
     text-decoration: none;
-    /* Force text rendering instead of emoji - multiple approaches */
-    font-variant-emoji: text !important;
-    font-feature-settings: "liga" off !important;
-    -webkit-font-feature-settings: "liga" off !important;
-    -moz-font-feature-settings: "liga" off !important;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
-    text-rendering: geometricPrecision !important;
-    -webkit-text-rendering: geometricPrecision !important;
-    -moz-text-rendering: geometricPrecision !important;
-    -webkit-font-variant-ligatures: none !important;
-    font-variant-ligatures: none !important;
 }
 
 /* Override Bulma button styles with high specificity */

assets/js/modeSwitcher.js

@@ -19,11 +19,11 @@ let theme = sessionStorage.getItem('theme');
 // Apply theme based on stored value or default to dark
 if (theme === "light") {
   document.documentElement.setAttribute('data-theme', 'light');
-  changeIconSymbol("☾");
+  changeIconSymbol("●");
 } else {
   // Default to dark if no preference or saved theme is dark
   document.documentElement.setAttribute('data-theme', 'dark');
-  changeIconSymbol("☀");
+  changeIconSymbol("●");
   sessionStorage.setItem('theme', 'dark');
 }
 
@@ -35,10 +35,10 @@ function modeSwitcher() {
 
   if (currentTheme === 'dark') {
     newTheme = 'light';
-    iconSymbol = "☾";
+    iconSymbol = "●";
   } else {
     newTheme = 'dark';
-    iconSymbol = "☀";
+    iconSymbol = "●";
   }
 
   // Apply the new theme and update symbol