diff --git a/docs/.vitepress/src/App.vue b/docs/.vitepress/src/App.vue
index 673051a865ba39e744208ae74e3c41bd8ed0f85f..4ebb1c9d0477f9b8aa1182b6aceae33d4b1bc230 100644
--- a/docs/.vitepress/src/App.vue
+++ b/docs/.vitepress/src/App.vue
@@ -88,6 +88,7 @@ watch(
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: var(--o-color-fill1);
+  color: var(--o-color-info1);
 
   --vw100: 100vw;
 
diff --git a/docs/.vitepress/src/components/AppFooter2.vue b/docs/.vitepress/src/components/AppFooter2.vue
index 01e350978d83021472e2e4d3b5ddd541ff7e5d0a..8c8fb470c92b8cfe41355a941ccf844bd18a5c51 100644
--- a/docs/.vitepress/src/components/AppFooter2.vue
+++ b/docs/.vitepress/src/components/AppFooter2.vue
@@ -94,4 +94,12 @@ linksData2;
     }
   }
 }
+
+@include in-dark {
+  .app-footer {
+    :deep(.o-divider) {
+      --o-divider-bd-color: rgba(var(--o-white), 0.1);
+    }
+  }
+}
 </style>
diff --git a/docs/.vitepress/src/components/DocMenu.vue b/docs/.vitepress/src/components/DocMenu.vue
index 6d58faadaa20b76d2b3ddc20a55d7b6e5c5746f4..7d34b9b3b3fb0f6239059f4a7c22d59355b8dac4 100644
--- a/docs/.vitepress/src/components/DocMenu.vue
+++ b/docs/.vitepress/src/components/DocMenu.vue
@@ -287,4 +287,12 @@ const expanded = useVModel(props, 'expanded', emits);
     }
   }
 }
+
+@include in-dark {
+  .doc-menu {
+    .chapter-title-active {
+      background-color: var(--o-color-control3-light);
+    }
+  }
+}
 </style>