From 6015c351d0b3bc2f35236e45d4d1c588756b0431 Mon Sep 17 00:00:00 2001 From: THEBOSS0369 Date: Fri, 13 Sep 2024 16:17:20 +0530 Subject: [PATCH 1/2] Input Dark Friendly --- 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", From d3a39463c3bc6aeb294a67e510fa49f6a7835c07 Mon Sep 17 00:00:00 2001 From: THEBOSS0369 Date: Fri, 13 Sep 2024 16:27:52 +0530 Subject: [PATCH 2/2] Signoff Signed-off-by: THEBOSS0369 --- src/reusecore/Search/searchbox.style.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/reusecore/Search/searchbox.style.js b/src/reusecore/Search/searchbox.style.js index 43e31b837efb..e993784ec421 100644 --- a/src/reusecore/Search/searchbox.style.js +++ b/src/reusecore/Search/searchbox.style.js @@ -16,7 +16,7 @@ export const SearchWrapper = styled.div` border: 1px solid ${(props) => props.theme.headingColor}; background-color: ${(props) => props.theme.shadowLightColor}; - /*Changes color for the text*/ + /*Changes done color for the text*/ color: ${(props) => props.theme.textColor}; &:focus {