fix selection problem

elsoul · Oct 17, 2024 · df18a3b · df18a3b
1 parent 754fd2e
commit df18a3b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
@@ -44,12 +44,7 @@ export default async function LocaleLayout({
         className={cn(`${inter.variable} ${notoSansJP.variable}`)}
         suppressHydrationWarning
       >
-        <ThemeProvider
-          attribute="class"
-          defaultTheme="dark"
-          enableSystem={false}
-          disableTransitionOnChange
-        >
+        <ThemeProvider attribute="class" defaultTheme="dark">
           <NextIntlClientProvider messages={messages}>
             <SolanaWalletProvider>{children}</SolanaWalletProvider>
             <Toaster />

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -85,6 +85,13 @@
       'Segoe UI Symbol',
       'Noto Color Emoji';
   }
+
+  ::selection {
+    background-color: rgba(209, 213, 219, 0.5);
+  }
+  .dark ::selection {
+    background-color: rgba(82, 82, 91, 0.5);
+  }
 }
 
 @layer base {

diff --git a/src/components/config/ModeToggle.tsx b/src/components/config/ModeToggle.tsx
@@ -37,9 +37,9 @@ export function ModeToggle() {
         <DropdownMenuItem onClick={() => setTheme('dark')}>
           {t('common.darkMode')}
         </DropdownMenuItem>
-        {/* <DropdownMenuItem onClick={() => setTheme('system')}>
+        <DropdownMenuItem onClick={() => setTheme('system')}>
           {t('common.systemMode')}
-        </DropdownMenuItem> */}
+        </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
   )