From 9983244692badf1a08ab1d343148f790e1b2e3c9 Mon Sep 17 00:00:00 2001
From: ShamzX0 <posp.petrr@gmail.com>
Date: Wed, 12 Mar 2025 10:01:37 +0900
Subject: [PATCH] fix: invert logo colors on dark-theme

---
 frontend/src/components/LandingPage/HeroSection.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/LandingPage/HeroSection.tsx b/frontend/src/components/LandingPage/HeroSection.tsx
index 2330f281..e781055c 100644
--- a/frontend/src/components/LandingPage/HeroSection.tsx
+++ b/frontend/src/components/LandingPage/HeroSection.tsx
@@ -78,22 +78,22 @@ const HeroPage = () => {
               src="/images/solanalogo.svg"
               width={200}
               height={0}
-              alt=""
-              className="w-16 lg:w-64 md:w-32"
+              alt="Solana Logo"
+              className={`w-16 lg:w-64 md:w-32 ${isDarkMode ? "brightness-0 invert" : ""}`}
             />
             <Image
               src="/images/xionlogo.svg"
               width={200}
               height={0}
-              alt=""
-              className="w-16 lg:w-64 md:w-32"
+              alt="Xion Logo"
+              className={`w-16 lg:w-64 md:w-32 ${isDarkMode ? "brightness-0 invert" : ""}`}
             />
             <Image
               src="/images/starknetlogo.svg"
               width={200}
               height={0}
-              alt=""
-              className="w-16 lg:w-64 md:w-32"
+              alt="Starknet Logo"
+              className={`w-16 lg:w-64 md:w-32 ${isDarkMode ? "invert hue-rotate-180" : ""}`}
             />
           </div>
         </div>