FUCK

2023-10-06 17:42:22 +02:00
parent a8f61d97ea
commit f57e2d5b1c
10 changed files with 1067 additions and 556 deletions
--- a/src/layouts/example.astro
+++ b/src/layouts/example.astro
@ -15,6 +15,27 @@ const { title } = Astro.props;
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="generator" content={Astro.generator} />
    <title>{title}</title>
+
+
+    <!-- Theme manager -->
+    <script is:inline>
+      // ☝️ This script prevent the FART effect.
+      if (localStorage.getItem("theme") === null) {
+        document.documentElement.setAttribute("data-theme", "light");
+      } else
+        document.documentElement.setAttribute(
+          "data-theme",
+          localStorage.getItem("theme")
+        );
+      // "theme" LocalStorage value is set by the package to remember user preference.
+      // The value is checked and applyed before rendering anything.
+    </script>
+    <script>
+      import { themeChange } from 'theme-change';
+      themeChange();
+      // 👆 you could import the CDN directly instead of these two lines
+    </script>
+
  </head>

  <body>