diff --git a/layouts/BaseLayout.js b/layouts/BaseLayout.js
index ee68e95a..02939cc0 100644
--- a/layouts/BaseLayout.js
+++ b/layouts/BaseLayout.js
@@ -81,7 +81,10 @@ const BaseLayout = ({
           {children}
         </div>
         <JumpToTopButton targetRef={targetRef} showPercent={true} />
-        <div className='hidden lg:block fixed right-4 top-4 p-1 bg-gray-700 dark:border-gray-500 dark:bg-gray-700 rounded-full text-white' style={{ boxShadow: 'rgba(41, 50, 60, 0.5) 0px 2px 16px', borderRadius: '28px' }}>
+        <div className='hidden lg:block fixed right-4 top-4 p-1 rounded-full
+         bg-white text-black
+         dark:border-gray-500 dark:bg-gray-700 dark:text-white
+         ' style={{ boxShadow: 'rgba(41, 50, 60, 0.5) 0px 2px 16px', borderRadius: '28px' }}>
           <DarkModeButton/>
         </div>
       </main>
diff --git a/lib/global.js b/lib/global.js
index ba74fe15..5911e9c3 100644
--- a/lib/global.js
+++ b/lib/global.js
@@ -57,6 +57,9 @@ const initTheme = (theme, changeTheme) => {
     if (useDark) {
       changeTheme('dark')
       saveTheme('dark')
+    } else {
+      changeTheme('light')
+      saveTheme('light')
     }
   }
   const baseLayoutClass = document.getElementById('wrapper').classList