diff --git a/src/renderer/index.tsx b/src/renderer/index.tsx
index b13fd27aa45b90eaeea60190fde9be3ede9c7926..c6042beff85fb96d1eed2a7966f3ae6c00f2af74 100644
--- a/src/renderer/index.tsx
+++ b/src/renderer/index.tsx
@@ -1,6 +1,7 @@
 import { createRoot } from 'react-dom/client';
 import { StoreProvider } from 'easy-peasy';
 import { HashRouter } from 'react-router-dom';
+import InitColorSchemeScript from '@mui/joy/InitColorSchemeScript';
 
 import store from './store';
 
@@ -11,6 +12,7 @@ const root = createRoot(container);
 
 root.render(
   <StoreProvider store={store}>
+    {/* <InitColorSchemeScript /> commenting out because it doesn't seem to work when I use it */}
     <HashRouter>
       <App />
     </HashRouter>