diff --git a/src/components/ThemeSwitcher.vue b/src/components/ThemeSwitcher.vue
index 2afdd0b6..6df6214f 100644
--- a/src/components/ThemeSwitcher.vue
+++ b/src/components/ThemeSwitcher.vue
@@ -29,10 +29,12 @@ const changeMode = (val: 'dark' | 'light' | 'system') => {
   if (value === 'dark') {
     document.documentElement.classList.add('dark');
     document.documentElement.classList.remove('light');
+    
   } else {
     document.documentElement.classList.add('light');
     document.documentElement.classList.remove('dark');
   }
+  document.documentElement.setAttribute("data-theme", value);
 };
 // Update icon if theme is changed from other sources
 watch(theme, (val: 'dark' | 'light' | 'system') => {
diff --git a/src/layouts/components/NavbarThemeSwitcher.vue b/src/layouts/components/NavbarThemeSwitcher.vue
index ca5b7eeb..1ff5e037 100644
--- a/src/layouts/components/NavbarThemeSwitcher.vue
+++ b/src/layouts/components/NavbarThemeSwitcher.vue
@@ -20,6 +20,6 @@ const themes: ThemeSwitcherTheme[] = [
 <template>
   <div>
     <NewThemeSwitcher :themes="themes"/>
-    <ThemeSwitcher :themes="themes" />
+    <!-- <ThemeSwitcher :themes="themes" /> -->
   </div>
 </template>