From a298395e688bf908d5ea3dc90e59381124c87d08 Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Fri, 25 Jun 2021 15:46:46 +0200
Subject: [PATCH] docs: fix dark flash

---
 docs/.vitepress/config.js      |  8 ++++++++
 docs/.vitepress/darkModeFix.js | 10 ++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 docs/.vitepress/darkModeFix.js

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')
+  }
+})()
-- 
2.47.2