From fe81f8883c1b19072f5a421785d5df2880f65f24 Mon Sep 17 00:00:00 2001
From: Chokkarapuwar-Sujal <chokkarapuwarsujal@gmail.com>
Date: Fri, 10 Jul 2026 03:48:41 +0530
Subject: [PATCH] fix: improve greeting illustration visibility in dark mode

---
 src/containers/greeting/Greeting.js   | 8 +++++++-
 src/containers/greeting/Greeting.scss | 3 +++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/containers/greeting/Greeting.js b/src/containers/greeting/Greeting.js
index dbcd469bd5..39f7be6b66 100644
--- a/src/containers/greeting/Greeting.js
+++ b/src/containers/greeting/Greeting.js
@@ -52,7 +52,13 @@ export default function Greeting() {
               </div>
             </div>
           </div>
-          <div className="greeting-image-div">
+          <div
+            className={
+              isDark
+                ? "greeting-image-div dark-mode-illustration"
+                : "greeting-image-div"
+            }
+          >
             {illustration.animated ? (
               <DisplayLottie animationData={landingPerson} />
             ) : (
diff --git a/src/containers/greeting/Greeting.scss b/src/containers/greeting/Greeting.scss
index 647d792af9..c118dbed6a 100644
--- a/src/containers/greeting/Greeting.scss
+++ b/src/containers/greeting/Greeting.scss
@@ -57,6 +57,9 @@
   max-width: 100%;
   height: auto;
 }
+.dark-mode-illustration path[fill="rgb(7,0,57)"] {
+  fill: #d8c5ff !important;
+}
 
 .wave-emoji {
   animation-duration: 1.8s;