fix dark mode

diff --git a/src/components/footer.astro b/src/components/footer.astro
index eb64895..cf54646 100644 (file)
--- a/src/components/footer.astro
+++ b/src/components/footer.astro
@@ -6,7 +6,7 @@ const socials = await getCollection('socials');
 const currentYear = new Date().getFullYear();
 ---
 <div class="text-center">
-    <hr class="w-48 h-1 mx-auto bg-black border-0" />
+    <hr class="w-48 h-1 mx-auto bg-black dark:bg-white border-0" />
     <address>
         <menu>
             {socials.map((social) => (

diff --git a/src/layouts/base.astro b/src/layouts/base.astro
index 36aebe1..d9387cd 100644 (file)
--- a/src/layouts/base.astro
+++ b/src/layouts/base.astro
@@ -24,7 +24,7 @@ const { title, description } = Astro.props;
                        <HeadPage />
                </slot>
        </head>
-       <body class="antialiased md:subpixel-antialiased w-screen p-4">
+       <body class="antialiased md:subpixel-antialiased w-screen p-4 bg-white dark:bg-gray-900">
                <div id="container" class="max-w-3xl mx-auto prose dark:prose-invert prose-headings:mb-0">
                        <Heading />
                        <main>