From 365569b18ff1af1667da7ad000de013db5b49324 Mon Sep 17 00:00:00 2001
From: somrat sorkar <themefisher.dev@gmail.com>
Date: Mon, 17 Apr 2023 15:30:07 +0600
Subject: [PATCH] improve accessiblity

---
 src/config/theme.json                      | 4 ++--
 src/layouts/components/Logo.astro          | 2 +-
 src/layouts/components/ThemeSwitcher.astro | 1 +
 src/layouts/partials/Header.astro          | 1 +
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/config/theme.json b/src/config/theme.json
index 687ed8c..c838223 100755
--- a/src/config/theme.json
+++ b/src/config/theme.json
@@ -9,9 +9,9 @@
         "theme_dark": ""
       },
       "text_color": {
-        "default": "#555",
+        "default": "#444444",
         "dark": "#040404",
-        "light": "#999"
+        "light": "#717171"
       }
     },
     "darkmode": {
diff --git a/src/layouts/components/Logo.astro b/src/layouts/components/Logo.astro
index f857011..db463b4 100644
--- a/src/layouts/components/Logo.astro
+++ b/src/layouts/components/Logo.astro
@@ -28,7 +28,7 @@ const { theme_switcher }: { theme_switcher: boolean } = config.settings;
       <>
         <Image
           src={src ? src : logo}
-          class={`${theme_switcher && "dark:hidden"}`}
+          class={`inline-block ${theme_switcher && "dark:hidden"}`}
           width={logo_width.replace("px", "") * 2}
           height={logo_height.replace("px", "") * 2}
           alt={title}
diff --git a/src/layouts/components/ThemeSwitcher.astro b/src/layouts/components/ThemeSwitcher.astro
index 50d3a6a..27ddecc 100755
--- a/src/layouts/components/ThemeSwitcher.astro
+++ b/src/layouts/components/ThemeSwitcher.astro
@@ -10,6 +10,7 @@ const {className} = Astro.props;
   <div class={`theme-switcher ${className}`}>
     <input id="theme-switcher" data-theme-switcher type="checkbox" />
     <label for="theme-switcher">
+      <span class="sr-only">theme switcher</span>
       <span>
         <!-- sun -->
         <svg
diff --git a/src/layouts/partials/Header.astro b/src/layouts/partials/Header.astro
index 0ccfacc..736eedc 100755
--- a/src/layouts/partials/Header.astro
+++ b/src/layouts/partials/Header.astro
@@ -129,6 +129,7 @@ const { pathname } = Astro.url;
           <a
             class="mr-5 inline-block border-r border-border pr-5 text-xl text-dark hover:text-primary dark:border-darkmode-border dark:text-white"
             href="search"
+            aria-label="search"
           >
             <IoSearch />
           </a>