fix: set color scheme

dessant · Dec 16, 2022 · 57c941a · 57c941a
1 parent a31d866
commit 57c941a
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -45,7 +45,7 @@
     "uuid": "^9.0.0",
     "vue": "^3.2.45",
     "vuetify": "^3.0.5",
-    "vueton": "^0.1.3",
+    "vueton": "^0.1.4",
     "webextension-polyfill": "^0.10.0",
     "wesa": "^0.3.0"
   },

diff --git a/src/contribute/index.html b/src/contribute/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="color-scheme" content="light dark" />
     <meta name="referrer" content="no-referrer" />
     <link
       rel="icon"

diff --git a/src/options/index.html b/src/options/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="color-scheme" content="light dark" />
     <meta name="referrer" content="no-referrer" />
     <link
       rel="icon"

diff --git a/src/utils/vuetify.js b/src/utils/vuetify.js
@@ -33,6 +33,8 @@ async function configTheme(vuetify) {
       theme = getDarkColorSchemeQuery().matches ? 'dark' : 'light';
     }
 
+    document.documentElement.style.setProperty('color-scheme', theme);
+
     vuetify.theme.global.name.value = theme;
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,6 +33,8 @@ async function configTheme(vuetify) { @@
           theme = getDarkColorSchemeQuery().matches ? 'dark' : 'light';
         }
+        document.documentElement.style.setProperty('color-scheme', theme);
         vuetify.theme.global.name.value = theme;
       }
@@ Expand Down @@