feat(themes): definitely remove theme toggle.

I just don’t think it’s all that useful.
goshatch · Feb 23, 2025 · ca77f74 · ca77f74
1 parent ac657fa
commit ca77f74
Show file tree

Hide file tree

Showing 9 changed files with 0 additions and 109 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -83,14 +83,6 @@
           alt="A banner showing four icons: a pirate flag, a square ruler, a camera, and a pencil."
           title="Link free!"
       /></a>
-      <a href="https://infrequently.org/stickers/">
-        <img
-          src="/assets/images/antijsjsclub.png"
-          width="88"
-          height="31"
-          alt="Bare minimum JavaScript used"
-          title="Anti JavaScript JavaScript Club"
-      /></a>
     </div>
   </div>
   {% assign lyric = site.data.lyrics | sample: 1 %}

diff --git a/_includes/navigation.html b/_includes/navigation.html
@@ -248,12 +248,6 @@
           <span class="nav-item-label">Now</span>
         </a>
       </li>
-    <!-- <li class="theme-toggle">
-            <button aria-label="Dark/Light theme toggle" onClick="toggleTheme()">
-              <i class="twa twa-sun"></i>
-              <i class="twa twa-moon"></i>
-            </button>
-          </li> -->
     </ul>
   </nav>
 </header>
diff --git a/_sass/_code.scss b/_sass/_code.scss
@@ -226,18 +226,10 @@ div.highlighter-rouge {
   }
 }
 
-:root.dark {
-  @include dark-code-colors;
-}
-
 @media (prefers-color-scheme: dark) {
   @include dark-code-colors;
 }
 
-:root.light {
-  @include light-code-colors;
-}
-
 @media (prefers-color-scheme: light) {
   @include light-code-colors;
 }
diff --git a/_sass/_emoji.scss b/_sass/_emoji.scss
@@ -96,12 +96,6 @@ licensed under MIT: https://ellekasai.mit-license.org/
 .twa-flag-ukraine {
   background-image: url("/assets/images/icons/ua-flag.svg");
 }
-.twa-sun {
-  background-image: url("/assets/images/icons/sun.svg");
-}
-.twa-moon {
-  background-image: url("/assets/images/icons/moon.svg");
-}
 .twa-camera {
   background-image: url("/assets/images/icons/camera.svg");
 }
diff --git a/_sass/_footer.scss b/_sass/_footer.scss
@@ -118,16 +118,6 @@ footer {
   footer .webring-link {
     background-image: url("/assets/images/icons/webring-icon.white.svg");
   }
-
-  html.light footer .webring-link {
-    background-image: url("/assets/images/icons/webring-icon.black.svg");
-  }
-}
-
-@media (prefers-color-scheme: light) {
-  html.dark footer .webring-link {
-    background-image: url("/assets/images/icons/webring-icon.white.svg");
-  }
 }
 
 @media (prefers-reduced-motion) {

diff --git a/_sass/_main.scss b/_sass/_main.scss
@@ -363,20 +363,6 @@ ul.task-list {
   .newsletter h1.logo-title {
     background-image: url(/assets/images/newsletter/logo-white.svg);
   }
-
-  html.light .newsletter h1.logo-title {
-    background-image: url(/assets/images/newsletter/logo-black.svg);
-  }
-}
-
-@media (prefers-color-scheme: light) {
-  .newsletter h1.logo-title {
-    background-image: url(/assets/images/newsletter/logo-black.svg);
-  }
-
-  html.dark .newsletter h1.logo-title {
-    background-image: url(/assets/images/newsletter/logo-white.svg);
-  }
 }
 
 @media (max-width: 480px) {

diff --git a/_sass/_navigation.scss b/_sass/_navigation.scss
@@ -55,55 +55,6 @@ body .content > header > nav > ul > li a {
   }
 }
 
-.theme-toggle {
-  button {
-    background: var(--color-emphasis);
-    border-radius: 2rem;
-    padding-bottom: 0.5rem;
-    cursor: pointer;
-    margin-top: -0.2rem;
-  }
-  .twa-moon {
-    display: none;
-  }
-  .twa-sun {
-    display: inline-block;
-  }
-  &:hover button {
-    background: var(--color-emphasis-reversed);
-  }
-}
-
-.light .theme-toggle,
-.dark .theme-toggle:hover {
-  .twa-moon {
-    display: none;
-  }
-  .twa-sun {
-    display: inline-block;
-  }
-}
-
-.dark .theme-toggle,
-.light .theme-toggle:hover {
-  .twa-sun {
-    display: none;
-  }
-  .twa-moon {
-    display: inline-block;
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  .theme-toggle {
-    .twa-sun {
-      display: none;
-    }
-    .twa-moon {
-      display: inline-block;
-    }
-  }
-}
 
 @media (max-width: 600px) {
   body .content > header > nav > ul {
@@ -119,12 +70,6 @@ body .content > header > nav > ul > li a {
   body .content > header > nav > ul > li a.nav-item {
     line-height: 1.5rem;
   }
-  .theme-toggle {
-    position: absolute;
-    top: 0.1rem;
-    right: 0px;
-    width: 2.5rem !important;
-  }
 }
 
 @media (min-width: 601px) and (max-width: 675px) {

diff --git a/assets/images/icons/moon.svg b/assets/images/icons/moon.svg
diff --git a/assets/images/icons/sun.svg b/assets/images/icons/sun.svg