From a8419e0fa8f9996cbb773c83ae4cd8b858868081 Mon Sep 17 00:00:00 2001
From: Lays <l4ys.tw@gmail.com>
Date: Mon, 7 Jul 2025 01:41:45 +0800
Subject: [PATCH] fix ThemeSwitch ring opacity for tailwind css v4

---
 components/ThemeSwitch.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/ThemeSwitch.tsx b/components/ThemeSwitch.tsx
index 848d9d60ca..4c60186dff 100644
--- a/components/ThemeSwitch.tsx
+++ b/components/ThemeSwitch.tsx
@@ -78,7 +78,7 @@ const ThemeSwitch = () => {
           leaveFrom="transform opacity-100 scale-100"
           leaveTo="transform opacity-0 scale-95"
         >
-          <MenuItems className="ring-opacity-5 absolute right-0 z-50 mt-2 w-32 origin-top-right divide-y divide-gray-100 rounded-md bg-white ring-1 shadow-lg ring-black focus:outline-hidden dark:bg-gray-800">
+          <MenuItems className="absolute right-0 z-50 mt-2 w-32 origin-top-right divide-y divide-gray-100 rounded-md bg-white ring-1 shadow-lg ring-black/5 focus:outline-hidden dark:bg-gray-800">
             <RadioGroup value={theme} onChange={setTheme}>
               <div className="p-1">
                 <Radio value="light">