From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Fri, 25 Jun 2021 13:46:46 +0000 (+0200)
Subject: docs: fix dark flash
X-Git-Tag: v2.0.0-beta.5~20
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a298395e688bf908d5ea3dc90e59381124c87d08;p=thirdparty%2Fvuejs%2Fpinia.git

docs: fix dark flash
---

diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
index bd4af932..330c2151 100644
--- a/docs/.vitepress/config.js
+++ b/docs/.vitepress/config.js
@@ -7,6 +7,7 @@ const META_DESCRIPTION =
 const META_IMAGE = 'https://pinia.esm.dev/social.png'
 
 const isProduction = process.env.NODE_ENV
+
 /**
  * @type {import('vitepress').UserConfig['head']}
  */
@@ -21,6 +22,11 @@ const productionHead = [
   ],
 ]
 
+const darkModeFix = require('fs').readFileSync(
+  require('path').resolve(__dirname, './darkModeFix.js'),
+  'utf-8'
+)
+
 /**
  * @type {import('vitepress').UserConfig}
  */
@@ -111,6 +117,8 @@ module.exports = {
         onload: "this.onload=null;this.rel='stylesheet'",
       },
     ],
+
+    ['script', {}, darkModeFix],
     ...(isProduction ? productionHead : []),
   ],
   themeConfig: {
diff --git a/docs/.vitepress/darkModeFix.js b/docs/.vitepress/darkModeFix.js
new file mode 100644
index 00000000..8dbbaf39
--- /dev/null
+++ b/docs/.vitepress/darkModeFix.js
@@ -0,0 +1,10 @@
+;(() => {
+  const saved = localStorage.getItem('pinia-color-scheme')
+  if (
+    saved === 'auto'
+      ? window.matchMedia(`(prefers-color-scheme: light)`).matches
+      : saved === 'light'
+  ) {
+    document.documentElement.classList.add('light')
+  }
+})()