Update theme toggle mechanism

styleguide/assets/style/styleguide.scss

@@ -143,7 +143,7 @@ body {
             }
           }
 
-          > a {
+          > a, label {
             display: flex;
             align-items: center;
             gap: 0.5rem;
@@ -171,7 +171,7 @@ body {
           &:focus-within {
             background-color: transparent;
 
-            a {
+            a, label {
               border: solid 0.1em var(--color-glow-primary);
               background-color: transparent;
               filter: var(--filter-glow-primary);
@@ -199,7 +199,7 @@ body {
           }
         }
 
-        li:not(.toggleTheme) {
+        li:not(.themeToggle) {
           i[data-icon] {
             padding-right: 0.5em;
             padding-top: 0.2em;
@@ -208,11 +208,15 @@ body {
           }
         }
 
-        li.toggleTheme {
+        li.themeToggle {
           font-size: 1.4em;
           width: fit-content;
 
-          a {
+          input {
+            display: none;
+          }
+
+          label {
             justify-content: center;
             padding: 0.25em;
           }