fix: toggle theme

vhnam · Jan 29, 2025 · acf88bb · acf88bb
1 parent a2af99c
commit acf88bb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro
@@ -6,7 +6,7 @@
   aria-label="Theme Switcher"
   id="themeToggle"
   type="button"
-  class="block group flex items-center font-semibold theme-toggler"
+  class="block group flex items-center font-semibold theme-toggler hover:cursor-pointer"
 >
   <svg width="1rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
     <path

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -10,6 +10,8 @@
   --color-primary: var(--color-sky-500);
 }
 
+@custom-variant dark (&:where([data-mode=dark], [data-mode=dark] *));
+
 [data-mode="light"] {
   body {
     @apply bg-slate-100 text-slate-700 transition-colors;