From ad07f6f9454eeddddd97dafb6e369b0ce516bde1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=89=E9=87=8E=E6=95=AC=E5=A4=AA=E9=83=8E?=
 <yoshinoyukitarou@yoshinokeitarounoMacBook-Pro.local>
Date: Fri, 15 Mar 2024 19:02:46 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=E3=83=80=E3=83=BC=E3=82=AF=E3=83=A2?=
 =?UTF-8?q?=E3=83=BC=E3=83=89=E3=82=92=E3=83=A9=E3=82=A4=E3=83=88=E3=83=A2?=
 =?UTF-8?q?=E3=83=BC=E3=83=89=E3=81=AE=E3=83=AA=E3=83=95=E3=82=A1=E3=81=8F?=
 =?UTF-8?q?=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/organisms/LightDarkButton.astro |  2 +-
 src/layouts/Layout.astro                       | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/organisms/LightDarkButton.astro b/src/components/organisms/LightDarkButton.astro
index c15572d..ad13d58 100644
--- a/src/components/organisms/LightDarkButton.astro
+++ b/src/components/organisms/LightDarkButton.astro
@@ -1,7 +1,7 @@
 
 <span class="ml-auto md:pr-8">
     <script>
-        document.getElementById("light-and-dark-button").addEventListener("click", handleBtnClick)
+        document.getElementById("light-and-dark-button")!.addEventListener("click", handleBtnClick)
         function handleBtnClick() {
             toggleLightAndDarkButton();
         }
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 1d35d1c..f7cb510 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -36,12 +36,13 @@ const { title, description, ogType } = Astro.props;
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="preload" as="style" fetchpriority="high" href="https://fonts.googleapis.com/css2?family=Reggae+One&display=swap&text=ゆっきーの砂場" >
-    <link href="https://fonts.googleapis.com/css2?family=Reggae+One&display=swap&text=ゆっきーの砂場" rel="stylesheet" media="print" onload='this.media="all"'>
-    <script>
+    <link href="https://fonts.googleapis.com/css2?family=Reggae+One&display=swap&text=ゆっきーの砂場" rel="stylesheet" media="print" onload='this.media=""'>
+    <script defer>
       if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-        document.documentElement.classList.add('dark')
-      } else {
-        document.documentElement.classList.remove('dark')
+          document.documentElement.classList.add('dark')
+          localStorage.theme = 'dark';
+      }else {
+        localStorage.theme = 'light';
       }
     </script>
   </head>