Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Input Search Dark Mode Friendly #5883

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
+7 −3
Open

Input Search Dark Mode Friendly #5883

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
111d13b
Mark Senthil Athiban's profile as inactive
Ashparshp Sep 12, 2024
e02b684
[Docs] Generated documentation for Integration
MUzairS15 Sep 13, 2024
0e75ca7
Merge remote-tracking branch 'upstream/master'
THEBOSS0369 Sep 15, 2024
ae8e3af
Dark Mode Search Input
THEBOSS0369 Sep 15, 2024
b263459
Removed issues for default style
THEBOSS0369 Sep 20, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions src/reusecore/Search/searchbox.style.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.whiteToBlack};

&:focus {
/* border-color: ${(props) => props.theme.primaryColor}; */
border-color: #fff;
Expand Down
6 changes: 3 additions & 3 deletions src/theme/app/themeStyles.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -240,7 +240,7 @@ export const darktheme = {
scrollbarColor: "#00d3a9",

// white
primaryColor: "#FFFFFF",
primaryColor: "#00d3a9",

// silver chalice (light gray)
primaryLightColor: "#2C2C2C",
Expand Down Expand Up @@ -268,11 +268,11 @@ export const darktheme = {
headingColor: "#000000",

// 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",
Expand Down
Loading