diff --git a/.vitepress/theme/index.js b/.vitepress/theme/index.js
index 5eaaf29..e21eee0 100644
--- a/.vitepress/theme/index.js
+++ b/.vitepress/theme/index.js
@@ -5,14 +5,13 @@ import DefaultTheme from 'vitepress/theme-without-fonts'
 import './style.css'
 import './rainbow.css'
 
-let homePageStyle
+let homePageStyle = undefined
 
 
 export default {
   ...DefaultTheme,
   Layout: () => {
     return h(DefaultTheme.Layout, null, {
-
     })
   },
   enhanceApp({ app, router, siteData }) {
@@ -38,12 +37,12 @@ if (typeof window !== 'undefined') {
     document.documentElement.classList.add('browser-safari')
 }
 
-// Speed up the rainbow animation on home page
 function updateHomePageStyle(value) {
+  console.log(homePageStyle)
+  console.log(value)
   if (value) {
     if (homePageStyle)
       return
-
     homePageStyle = document.createElement('style')
     homePageStyle.innerHTML = `
     :root {
@@ -54,8 +53,9 @@ function updateHomePageStyle(value) {
   else {
     if (!homePageStyle)
       return
-
-    homePageStyle.remove()
-    homePageStyle = undefined
+    else {
+      homePageStyle.remove()
+      homePageStyle = undefined
+    }
   }
 }
\ No newline at end of file
diff --git a/.vitepress/theme/rainbow.css b/.vitepress/theme/rainbow.css
index 8e5968a..b3a5d54 100644
--- a/.vitepress/theme/rainbow.css
+++ b/.vitepress/theme/rainbow.css
@@ -82,10 +82,6 @@
 100% { --vp-c-brand: #00a98e; --vp-c-brand-light: #4ad1b4; --vp-c-brand-lighter: #78fadc; --vp-c-brand-dark: #008269; --vp-c-brand-darker: #005d47; --vp-c-brand-next: #009ff7; }
 }
 
-:root {
-  --vp-c-brand: #00a98e; --vp-c-brand-light: #4ad1b4; --vp-c-brand-lighter: #78fadc; --vp-c-brand-dark: #008269; --vp-c-brand-darker: #005d47; --vp-c-brand-next: #009ff7;
-  animation: rainbow 40s linear infinite;
-}
 
 @media (prefers-reduced-motion: reduce) {
   :root {