From 67a1fdd1e8d7efb04d8c820bc567a86d019f7ba2 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Wed, 30 Sep 2026 19:44:42 +0200
Subject: [PATCH] Bugfix/sponsor logo based on theme on about page (#7985)

Show sponsor logo based on theme
---
 .../pages/about/overview/about-overview-page.html   | 13 ++++++++-----
 .../pages/about/overview/about-overview-page.scss   | 12 ++++++++++++
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/app/pages/about/overview/about-overview-page.html b/apps/client/src/app/pages/about/overview/about-overview-page.html
index 6e0b0323da..810a1394e1 100644
--- a/apps/client/src/app/pages/about/overview/about-overview-page.html
+++ b/apps/client/src/app/pages/about/overview/about-overview-page.html
@@ -219,12 +219,15 @@
           >
             <img
               alt="TestMu AI Logo"
+              class="sponsor-logo-dark"
               height="32"
-              [src]="
-                user?.settings?.colorScheme === 'DARK'
-                  ? '../assets/images/sponsors/logo-testmu-light.svg'
-                  : '../assets/images/sponsors/logo-testmu-dark.svg'
-              "
+              src="../assets/images/sponsors/logo-testmu-dark.svg"
+            />
+            <img
+              alt="TestMu AI Logo"
+              class="sponsor-logo-light"
+              height="32"
+              src="../assets/images/sponsors/logo-testmu-light.svg"
             />
           </a>
         </div>
diff --git a/apps/client/src/app/pages/about/overview/about-overview-page.scss b/apps/client/src/app/pages/about/overview/about-overview-page.scss
index 8b9853f3e2..07faaf7ad4 100644
--- a/apps/client/src/app/pages/about/overview/about-overview-page.scss
+++ b/apps/client/src/app/pages/about/overview/about-overview-page.scss
@@ -22,6 +22,10 @@
       width: 10rem;
     }
   }
+
+  .sponsor-logo-light {
+    display: none;
+  }
 }
 
 :host-context(.theme-dark) {
@@ -33,4 +37,12 @@
       opacity: 1;
     }
   }
+
+  .sponsor-logo-dark {
+    display: none;
+  }
+
+  .sponsor-logo-light {
+    display: inline;
+  }
 }