From a060cb5c87f733c455ea247d72f88095f1ca769c Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Sat, 16 Sep 2023 10:15:22 +0630
Subject: [PATCH] feat: add transition effect if light/dark changes

---
 src/components/Header.astro | 2 +-
 src/styles/base.css         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 06dbefe..2fb3802 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -136,7 +136,7 @@ const { activeNav } = Astro.props;
   }
 
   nav {
-    @apply flex w-full flex-col items-center bg-skin-fill sm:ml-2 sm:flex-row sm:justify-end sm:space-x-4 sm:py-0;
+    @apply flex w-full flex-col items-center sm:ml-2 sm:flex-row sm:justify-end sm:space-x-4 sm:py-0;
   }
   nav ul {
     @apply mt-4 grid w-44 grid-cols-2 grid-rows-4 gap-x-2 gap-y-2 sm:ml-0 sm:mt-0 sm:w-auto sm:gap-x-5 sm:gap-y-0;
diff --git a/src/styles/base.css b/src/styles/base.css
index a6578dc..7842c8e 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -30,7 +30,7 @@
   }
   body {
     @apply flex min-h-screen flex-col bg-skin-fill font-mono text-skin-base 
-    selection:bg-skin-accent selection:bg-opacity-70 selection:text-skin-inverted;
+    transition-colors selection:bg-skin-accent selection:bg-opacity-70 selection:text-skin-inverted;
   }
   section,
   footer {