diff --git a/docs/.vitepress/theme/components/Comments.vue b/docs/.vitepress/theme/components/Comments.vue
index 4af40aa..4ebde23 100644
--- a/docs/.vitepress/theme/components/Comments.vue
+++ b/docs/.vitepress/theme/components/Comments.vue
@@ -1,10 +1,21 @@
 <script setup lang="ts">
-import { onMounted } from "vue";
-import { init } from "@waline/client";
+import { onMounted, watch, ref } from "vue";
+import { init, WalineInstance } from "@waline/client";
 import "@waline/client/waline.css";
+import { useData } from "vitepress";
+
+const commentsRef = ref<WalineInstance | null>(null);
+const { isDark } = useData();
+
+watch(isDark, (val: boolean) => {
+  if (!commentsRef.value) return;
+  commentsRef.value.update({
+    dark: val,
+  });
+});
 
 onMounted(() => {
-  init({
+  commentsRef.value = init({
     el: "#waline",
     serverURL: "https://comments.ziying.site",
     dark: "auto",
diff --git a/packages/mobile/env.d.ts b/packages/mobile/env.d.ts
index 57f354e..11f02fe 100644
--- a/packages/mobile/env.d.ts
+++ b/packages/mobile/env.d.ts
@@ -1,7 +1 @@
 /// <reference types="vite/client" />
-
-declare module "*.vue" {
-  import type { DefineComponent } from "vue";
-  const vueComponent: DefineComponent<{}, {}, any>;
-  export default vueComponent;
-}