From 7ee79683fa3e85c71f1f304cb7cfba7d100f4e3d Mon Sep 17 00:00:00 2001
From: THEBOSS0369 <anujkumsharma9876@gmail.com>
Date: Sun, 15 Sep 2024 16:57:10 +0530
Subject: [PATCH] Dark Mode Search Input

---
 src/reusecore/Search/searchbox.style.js | 4 ++++
 src/theme/app/themeStyles.js            | 8 ++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/reusecore/Search/searchbox.style.js b/src/reusecore/Search/searchbox.style.js
index f497917cd0f6..43e31b837efb 100644
--- a/src/reusecore/Search/searchbox.style.js
+++ b/src/reusecore/Search/searchbox.style.js
@@ -15,6 +15,10 @@ export const SearchWrapper = styled.div`
       border-radius: 5px;
       border: 1px solid ${(props) => props.theme.headingColor};
       background-color: ${(props) => props.theme.shadowLightColor};
+      
+      /*Changes color for the text*/
+      color: ${(props) => props.theme.textColor};
+
       &:focus {
         /* border-color: ${(props) => props.theme.primaryColor}; */
         border-color: #fff;
diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js
index f4f8e83b9af9..4dbe8f5ed57b 100644
--- a/src/theme/app/themeStyles.js
+++ b/src/theme/app/themeStyles.js
@@ -240,7 +240,7 @@ export const darktheme = {
   scrollbarColor: "#00d3a9",
 
   // white
-  primaryColor: "#FFFFFF",
+  primaryColor: "#00d3a9",
 
   // silver chalice (light gray)
   primaryLightColor: "#2C2C2C",
@@ -265,14 +265,14 @@ export const darktheme = {
   // Teal Blue
   tertiaryColorTwo: "#477E96",
 
-  headingColor: "#000000",
+  headingColor: "#111111",
 
   // light slate gray (medium gray)
-  textColor: "#000000",
+  textColor: "#ffffff",
   shadowColor: "rgba(255, 255, 255, 0.05)",
 
   // platinum (light gray)
-  shadowLightColor: "#E6E6E6",
+  shadowLightColor: "#333333",
 
   // dark gray
   shadowDarkColor: "#484848",