logo

Author: xenitane

src/components/globals/Footer.astro

@@ -11,7 +11,8 @@ import cdnify from "@/lib/cdnify";
 >
     <div class="flex w-full gap-2">
         <div class="flex flex-1 items-center gap-1.5 text-xl font-medium tracking-tight">
-            <img src={cdnify([true, "/index/logo.png"])} class="h-7 w-7" />
+            <img src={cdnify([true, "/index/logo-light.png"])} class="inline-block aspect-square w-7 dark:hidden" />
+            <img src={cdnify([true, "/index/logo-dark.png"])} class="hidden aspect-square w-7 dark:inline-block" />
             Xenitane&trade;
         </div>
         <div class="flex flex-1 justify-end gap-3">

src/components/globals/Header.astro

@@ -23,7 +23,8 @@ const links: [string, string][] = [
 >
     <div class="flex w-full items-center gap-4">
         <a class="flex gap-2" href="/">
-            <img src={cdnify([true, "/index/logo.png"])} class="aspect-square h-9" alt="logo" />
+            <img src={cdnify([true, "/index/logo-light.png"])} class="inline-block aspect-square w-9 dark:hidden" alt="logo" />
+            <img src={cdnify([true, "/index/logo-dark.png"])} class="hidden aspect-square w-9 dark:inline-block" alt="logo" />
             <span class="text-3xl font-medium tracking-tighter">Xenitane&trade;</span>
         </a>
         <input type="checkbox" id="__is_nav_sidebar_open" class="hidden" />

src/layouts/BaseLayout.astro

@@ -8,7 +8,7 @@ type Props = {
 
 export type BaseLayoutProps = Props;
 
-const { title, description, keywords, image = cdnify([true, "/index/logo.png"]) } = Astro.props;
+const { title, description, keywords, image = cdnify([true, "/index/logo-light.png"]) } = Astro.props;
 import { SITE_TITLE } from "@/constants";
 
 import "@fontsource/geist-sans/100.css";
@@ -37,7 +37,7 @@ import cn from "@/lib/cn";
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
         <meta http-equiv="content-language" content="en-us" />
         <meta name="robots" content="index, follow" />
-        <link rel="icon" type="image/png" href={cdnify([true, "/index/logo.png"])} />
+        <link rel="icon" type="image/png" href={cdnify([true, "/index/logo-light.png"])} />
         <meta name="generator" content={Astro.generator} />
 
         <!-- sitemap -->