fix: changed project input background and updated yarn.lock file #1028 (

#1189) * fix:added prefix to headers in contributor card component * fix:added prefix to headers in contributor card component * added project to the project list * added project to the project list * refactor the hero section of the home page * added array of objects inside homepage-image file * changed the background color of scroll buton to align with dark mode and light mode * fix: add focus to project page input, ensure focus functionality , fix issue #1028 * fix: add focus to project page input, ensure focus functionality , fix issue #1028 * fix: add focus to project page input, ensure focus functionality , fix issue #1028 * fix: add color to input text to adjust to both light and dark mode, fix issue #1028 * fix: add color to input text to adjust to both light and dark mode, fix issue #1028 --------- Signed-off-by: Fawole Ajibola Lukman <[email protected]>
priyankarpal · Jun 13, 2023 · 653d75c · 653d75c · vercel · Jun 13, 2023
1 parent 537c684
commit 653d75c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/CSS/index.css b/src/CSS/index.css
@@ -91,6 +91,10 @@ body {
   animation-iteration-count: infinite;
 }
 
+input.custom {
+  caret-color: purple;
+}
+
 @tailwind components;
 @tailwind utilities;
 

diff --git a/src/pages/ProjectsPage.jsx b/src/pages/ProjectsPage.jsx
@@ -23,6 +23,7 @@ import { ThemeContext } from '../context/Theme';
 function ProjectsPage() {
   const Projects = [];
   const { theme } = useContext(ThemeContext);
+
   projects.forEach((project) => {
     const username = project.github_username;
     project.Projects.forEach((proj) => {
@@ -98,8 +99,9 @@ function ProjectsPage() {
           type="text"
           id="combo-box-demo"
           placeholder="Thea Theme"
-          className="hover:bg-slate-200 border-solid border-2 outline-none border-primary rounded-md p-2 md:w-1/2"
-          style={{ color: 'black' }}
+          className={`custom border-solid border-2 outline-none border-primary rounded-md p-2 md:w-1/2 bg-transparent ${
+            theme.mode === 'light' ? 'text-black' : 'text-white'
+          }`}
           onChange={handleChange}
           value={searchValue}
         />