From 21496596c792f3bbb00da0796e34200127122f5e Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Wed, 6 May 2026 20:09:24 +0200
Subject: [PATCH] ui: unify logo across themes and update favicon

---
 static/favicon.svg                 | 27 +++++++++++++++++++++++----
 static/readme-logo-dark.svg        |  8 ++++----
 templates/components/footer.gohtml |  5 +----
 templates/components/header.gohtml |  5 +----
 4 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/static/favicon.svg b/static/favicon.svg
index b83f8a4..fb4251d 100644
--- a/static/favicon.svg
+++ b/static/favicon.svg
@@ -1,4 +1,23 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="#000000" stroke-width="2.5" stroke-linejoin="miter">
-  <rect x="6" y="10" width="12" height="12" />
-  <rect x="14" y="6" width="12" height="12" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
+  <defs>
+    <radialGradient id="bg" cx="35%" cy="35%" r="75%">
+      <stop offset="0%" stop-color="#FB923C" />
+      <stop offset="100%" stop-color="#C2410C" />
+    </radialGradient>
+    <clipPath id="clip">
+      <circle cx="50" cy="50" r="45" />
+    </clipPath>
+  </defs>
+
+  <!-- Base -->
+  <circle cx="50" cy="50" r="45" fill="url(#bg)" />
+
+  <!-- Crescent moon cutout -->
+  <g clip-path="url(#clip)">
+    <path
+      d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
+      fill="#FFF7ED"
+      transform="translate(-2 -2)"
+    />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/static/readme-logo-dark.svg b/static/readme-logo-dark.svg
index c65aebc..fb4251d 100644
--- a/static/readme-logo-dark.svg
+++ b/static/readme-logo-dark.svg
@@ -1,19 +1,19 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
   <defs>
-    <radialGradient id="bg-dark" cx="35%" cy="35%" r="75%">
+    <radialGradient id="bg" cx="35%" cy="35%" r="75%">
       <stop offset="0%" stop-color="#FB923C" />
       <stop offset="100%" stop-color="#C2410C" />
     </radialGradient>
-    <clipPath id="clip-dark">
+    <clipPath id="clip">
       <circle cx="50" cy="50" r="45" />
     </clipPath>
   </defs>
 
   <!-- Base -->
-  <circle cx="50" cy="50" r="45" fill="url(#bg-dark)" />
+  <circle cx="50" cy="50" r="45" fill="url(#bg)" />
 
   <!-- Crescent moon cutout -->
-  <g clip-path="url(#clip-dark)">
+  <g clip-path="url(#clip)">
     <path
       d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
       fill="#FFF7ED"
diff --git a/templates/components/footer.gohtml b/templates/components/footer.gohtml
index 7990e1e..f6172b5 100644
--- a/templates/components/footer.gohtml
+++ b/templates/components/footer.gohtml
@@ -2,10 +2,7 @@
 <footer class="mt-auto border-t border-neutral-800 bg-background-sidebar py-8 px-6 md:px-12">
   <div class="flex flex-col items-center justify-between gap-6 sm:flex-row">
     <div class="flex items-center gap-3">
-      <picture>
-        <source media="(prefers-color-scheme: dark)" srcset="/static/readme-logo-dark.svg" />
-        <img src="/static/readme-logo-light.svg" alt="MAL" class="h-6 w-6" />
-      </picture>
+      <img src="/static/readme-logo-light.svg" alt="MAL" class="h-6 w-6" />
       <span class="text-neutral-300 font-semibold text-lg tracking-tight">MyAnimeList</span>
     </div>
     <div class="flex items-center gap-6">
diff --git a/templates/components/header.gohtml b/templates/components/header.gohtml
index 46aaaa0..494b720 100644
--- a/templates/components/header.gohtml
+++ b/templates/components/header.gohtml
@@ -9,10 +9,7 @@
         <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" x2="21" y1="12" y2="12"/><line x1="3" x2="21" y1="6" y2="6"/><line x1="3" x2="21" y1="18" y2="18"/></svg>
       </button>
       <a href="/" class="group flex items-center gap-2.5 focus:outline-none">
-        <picture>
-          <source media="(prefers-color-scheme: dark)" srcset="/static/readme-logo-dark.svg" />
-          <img src="/static/readme-logo-light.svg" alt="MAL" class="h-8 w-8 transition-transform group-hover:scale-110" />
-        </picture>
+        <img src="/static/readme-logo-light.svg" alt="MAL" class="h-8 w-8 transition-transform group-hover:scale-110" />
         <span class="text-xl font-bold tracking-tight text-white hidden sm:block">MyAnime<span class="text-accent">List</span></span>
       </a>
     </div>