From acf88bb216a61861be733cde397f46183a39f56d Mon Sep 17 00:00:00 2001
From: Nam Vo <vhnam2504@gmail.com>
Date: Wed, 29 Jan 2025 17:16:17 +0700
Subject: [PATCH] fix: toggle theme

---
 src/components/ThemeToggle.astro | 2 +-
 src/styles/global.css            | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro
index af57ba0..f0b2b55 100644
--- 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
index 9d27e46..d9bc22c 100644
--- 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;