From c946c208723ce4fbe649a6a292cd810b77539233 Mon Sep 17 00:00:00 2001
From: Amit Moryossef <amitmoryossef@gmail.com>
Date: Wed, 27 Nov 2024 17:56:37 +0100
Subject: [PATCH] feat(logo): use single logo file for both light and dark
 modes

---
 src/app/pages/landing/landing.component.html |  5 +---
 src/assets/brand/logo-light.svg              | 28 --------------------
 src/assets/brand/{logo-dark.svg => logo.svg} |  8 +++++-
 3 files changed, 8 insertions(+), 33 deletions(-)
 delete mode 100644 src/assets/brand/logo-light.svg
 rename src/assets/brand/{logo-dark.svg => logo.svg} (94%)

diff --git a/src/app/pages/landing/landing.component.html b/src/app/pages/landing/landing.component.html
index 8bf84f5d..2f49b72c 100644
--- a/src/app/pages/landing/landing.component.html
+++ b/src/app/pages/landing/landing.component.html
@@ -37,10 +37,7 @@
     <ion-title>
       <picture>
         <!-- TODO: inline the logo SVGs for better performance -->
-        <!-- Use a dark mode image for dark theme -->
-        <source srcset="assets/brand/logo-dark.svg" media="(prefers-color-scheme: dark)" />
-        <!-- Fallback to light mode image -->
-        <img src="assets/brand/logo-light.svg" alt="Logo" id="logo" />
+        <img src="../../../assets/brand/logo.svg" alt="Logo" id="logo" />
       </picture>
     </ion-title>
     @if (!isMobile.matches) {
diff --git a/src/assets/brand/logo-light.svg b/src/assets/brand/logo-light.svg
deleted file mode 100644
index 8003c816..00000000
--- a/src/assets/brand/logo-light.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="130.47 235.86 293.2 146.01">
-  <style type="text/css">
-.st0 {
-  fill: #4b0082;
-}
-
-.st1 {
-  fill: #ba5ebc;
-}
-  </style>
-  <g>
-    <path
-      class="st0"
-      d="M133.74,346.73v-13.07c10.08,3.27,20.27,4.9,30.56,4.9c13.67,0,20.51-4.09,20.51-12.26    c0-7.63-4.77-11.44-14.3-11.44h-12.26c-18.52,0-27.78-8.44-27.78-25.33c0-16.34,11.9-24.51,35.71-24.51    c10.24,0,20.4,1.36,30.48,4.09v13.07c-10.08-3.27-20.24-4.9-30.48-4.9c-14.27,0-21.41,4.09-21.41,12.26    c0,7.63,4.49,11.44,13.48,11.44h12.26c19.61,0,29.42,8.44,29.42,25.33c0,16.34-11.88,24.51-35.63,24.51    C154,350.82,143.81,349.46,133.74,346.73z"
-    />
-    <path class="st0" d="M223.72,265.02v85.8H208.6v-85.8H223.72z" />
-    <path
-      class="st0"
-      d="M308.95,350.82c0,20.7-13.16,31.05-39.47,31.05c-10.57,0-19.94-1.36-28.11-4.09v-12.26    c8.34,2.72,17.76,4.09,28.27,4.09c16.12,0,24.19-6.26,24.19-18.79v-4.09c-6.43,2.72-13.35,4.09-20.76,4.09    c-27.13,0-40.69-14.46-40.69-43.39c0-28.27,14.3-42.41,42.9-42.41c11.6,0,22.82,1.17,33.67,3.51V350.82z M293.84,279.57    c-5.18-1.31-11.58-1.96-19.2-1.96c-18.25,0-27.37,9.89-27.37,29.66c0,20.32,8.63,30.48,25.9,30.48c7.85,0,14.73-1.47,20.67-4.41    V279.57z"
-    />
-    <path
-      class="st0"
-      d="M320.08,350.82v-85.8h10.22l2.7,10.95c8.77-7.3,18.41-10.95,28.93-10.95c21.41,0,32.11,10.65,32.11,31.95    v53.85h-15.12v-54.09c0-12.75-6.35-19.12-19.04-19.12c-8.66,0-16.89,3.62-24.68,10.87v62.35H320.08z"
-    />
-  </g>
-  <circle class="st1" cx="216.16" cy="246.13" r="10.27" />
-  <circle class="st1" cx="413.4" cy="340.55" r="10.27" />
-</svg>
diff --git a/src/assets/brand/logo-dark.svg b/src/assets/brand/logo.svg
similarity index 94%
rename from src/assets/brand/logo-dark.svg
rename to src/assets/brand/logo.svg
index a8a1a44a..ce6e8993 100644
--- a/src/assets/brand/logo-dark.svg
+++ b/src/assets/brand/logo.svg
@@ -1,12 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="130.47 235.86 293.2 146.01">
   <style type="text/css">
 .st0 {
-  fill: white;
+  fill: #663399;
 }
 
 .st1 {
   fill: #ba5ebc;
 }
+
+@media (prefers-color-scheme: dark) {
+  .st0 {
+    fill: white;
+  }
+}
   </style>
   <g>
     <path