主题颜色随系统变化

yhy0 · May 18, 2023 · 1191a88 · 1191a88
1 parent 8846ba3
commit 1191a88
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -12,10 +12,15 @@ hljs.registerLanguage("json", json)
 hljs.registerLanguage("http", http)
 hljs.registerLanguage("xml", xml)
 
+import { useOsTheme, darkTheme } from "naive-ui";
+import {computed} from "vue";
+const osThemeRef = useOsTheme();
+const theme = computed(() => osThemeRef.value === "dark" ? darkTheme : null);
+
 </script>
 
 <template>
-    <n-config-provider :hljs="hljs">
+    <n-config-provider :hljs="hljs" :theme="theme">
       <Home/>
     </n-config-provider>
 </template>