diff --git a/app/theme-registy.js b/app/theme-registy.js
index 8fe8547..e8655bc 100644
--- a/app/theme-registy.js
+++ b/app/theme-registy.js
@@ -18,6 +18,9 @@ import ChanjeTem from '../components/chanje-tem'
 import NextAppDirEmotionCacheProvider from './emotion-cache-provider'
 
 const theme = createTheme({
+  cssVariables: {
+    colorSchemeSelector: 'class'
+  },
   colorSchemes: {
     light: {
       palette: {
@@ -66,7 +69,7 @@ export default function ThemeRegistry(props) {
 
   return (
     <>
-      <InitColorSchemeScript />
+      <InitColorSchemeScript attribute='class' />
       <PlausibleProvider domain='oki.re'>
         <NextAppDirEmotionCacheProvider options={{key: 'mui'}}>
           <ThemeProvider theme={theme}>