fix: tab navigation not working for theme toggle (#555)

Dsek-LTH · Nov 9, 2024 · 5c4f2af · 5c4f2af
1 parent 9a7fbd3
commit 5c4f2af
Showing 1 changed file with 6 additions and 9 deletions.
diff --git a/src/routes/DarkLightToggle.svelte b/src/routes/DarkLightToggle.svelte
@@ -16,17 +16,14 @@
   };
 </script>
 
-<label class={twMerge("btn btn-ghost swap swap-rotate *:text-2xl", clazz)}>
-  <!-- this hidden checkbox controls the state -->
-  <input
-    type="checkbox"
-    bind:checked={isCurrentThemeLight}
-    on:click={toggleTheme}
-  />
-
+<button
+  class={twMerge("btn btn-ghost swap swap-rotate *:text-2xl", clazz)}
+  class:swap-active={isCurrentThemeLight}
+  on:click={toggleTheme}
+>
   <!-- moon icon -->
   <span class="swap-on i-mdi-weather-night" />
 
   <!-- sun icon -->
   <span class="swap-off i-mdi-weather-sunny" />
-</label>
+</button>