ui: unify logo across themes and update favicon

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">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
-  <rect x="6" y="10" width="12" height="12" />
+  <defs>
-  <rect x="14" y="6" width="12" height="12" />
+    <radialGradient id="bg" cx="35%" cy="35%" r="75%">
-</svg>
+      <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>

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"

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>
+      <img src="/static/readme-logo-light.svg" alt="MAL" class="h-6 w-6" />
-        <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>
       <span class="text-neutral-300 font-semibold text-lg tracking-tight">MyAnimeList</span>
     </div>
     <div class="flex items-center gap-6">

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>
+        <img src="/static/readme-logo-light.svg" alt="MAL" class="h-8 w-8 transition-transform group-hover:scale-110" />
-          <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>
         <span class="text-xl font-bold tracking-tight text-white hidden sm:block">MyAnime<span class="text-accent">List</span></span>
       </a>
     </div>