fix: set color scheme

1 year ago · 57c941ae68
parent a31d8665fc
commit 57c941ae68
5 changed files with 12 additions and 8 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -18,7 +18,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"
      },
@ -23727,9 +23727,9 @@
      }
    },
    "node_modules/vueton": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/vueton/-/vueton-0.1.3.tgz",
-      "integrity": "sha512-rkwR5R979GhTv/+Sl458v0oVn+SEsETLENBAh6p257cm49byDP5QXuX/h/MOb+lC7s3Z9ed9HQDQCxCN39D8fg==",
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/vueton/-/vueton-0.1.4.tgz",
+      "integrity": "sha512-TMu5gNvTKymj9IS4rmf1Aymj1/Hn+NNvJKyEtvpZkEiSEWHVjju2nfCGFmbDL1bYHm9dyga6zt2bnbl2YMN2xA==",
      "engines": {
        "node": ">=18.0.0"
      },
@ -42789,9 +42789,9 @@
      "integrity": "sha512-ciX+9XuHQ4zx27dEceHrs6xuCeqPgo91DhvCm+udbp0Qg95phad03uVcdHvyv1XW/stgdZGneiqg5dxQvLGzPw=="
    },
    "vueton": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/vueton/-/vueton-0.1.3.tgz",
-      "integrity": "sha512-rkwR5R979GhTv/+Sl458v0oVn+SEsETLENBAh6p257cm49byDP5QXuX/h/MOb+lC7s3Z9ed9HQDQCxCN39D8fg=="
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/vueton/-/vueton-0.1.4.tgz",
+      "integrity": "sha512-TMu5gNvTKymj9IS4rmf1Aymj1/Hn+NNvJKyEtvpZkEiSEWHVjju2nfCGFmbDL1bYHm9dyga6zt2bnbl2YMN2xA=="
    },
    "watchpack": {
      "version": "2.4.0",
--- 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"
  },
--- 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"
--- 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"
--- 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;
  }