自动深色模式

scutrobotlab · May 25, 2020 · d040944 · d040944
1 parent bbe777c
commit d040944
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -41,6 +41,11 @@ export default {
   props: {
     source: String
   },
+  mounted() {
+    this.$vuetify.theme.dark = window.matchMedia(
+      "(prefers-color-scheme: dark)"
+    ).matches;
+  },
   methods: {
     switchDrawer() {
       this.$refs.DrawerList.switchDrawer();

diff --git a/frontend/src/plugins/vuetify.js b/frontend/src/plugins/vuetify.js
@@ -7,7 +7,6 @@ Vue.use(Vuetify)
 
 export default new Vuetify({
   theme: {
-    dark: false,
     themes: {
       light: {
         primary: colors.blue.lighten1,