From 625a8211b9fab7ed4b828384cba45288435da2bf Mon Sep 17 00:00:00 2001
From: Davit <davedabyeet@gmail.com>
Date: Fri, 24 Jan 2025 14:17:49 +1100
Subject: [PATCH 1/2] change searchInput placeholder colors

---
 .../Organizations/Organizations/StyledOrganizations.tsx         | 2 +-
 src/components/Projects/StyledProjects.tsx                      | 2 +-
 src/styles/theme.ts                                             | 2 ++
 styled.d.ts                                                     | 1 +
 4 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Organizations/Organizations/StyledOrganizations.tsx b/src/components/Organizations/Organizations/StyledOrganizations.tsx
index c44c27a0..f1762117 100644
--- a/src/components/Organizations/Organizations/StyledOrganizations.tsx
+++ b/src/components/Organizations/Organizations/StyledOrganizations.tsx
@@ -81,7 +81,7 @@ export const SearchInput = styled.input`
     width: 30%;
   }
   &::placeholder {
-    color: ${color.midGrey};
+    color: ${props => props.theme.placeholder};
   }
   &:focus {
     border: 1px solid ${color.brightBlue};
diff --git a/src/components/Projects/StyledProjects.tsx b/src/components/Projects/StyledProjects.tsx
index 8d0920ad..5894e66b 100644
--- a/src/components/Projects/StyledProjects.tsx
+++ b/src/components/Projects/StyledProjects.tsx
@@ -62,7 +62,7 @@ export const SearchInput = styled.input`
     width: 30%;
   }
   &::placeholder {
-    color: ${color.midGrey};
+    color: ${props => props.theme.placeholder};
   }
   &:focus {
     border: 1px solid ${color.brightBlue};
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index c97ade7b..8923cbe9 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -43,6 +43,7 @@ export const darkTheme: DefaultTheme = {
     base: '#353535',
     highlight: '#444',
   },
+  placeholder:"#ebecf0",
 };
 
 export const lightTheme: DefaultTheme = {
@@ -87,4 +88,5 @@ export const lightTheme: DefaultTheme = {
     base: '#ebebeb',
     highlight: '#f5f5f5',
   },
+  placeholder:"#6b728c",
 };
diff --git a/styled.d.ts b/styled.d.ts
index 5278d68e..ae571e08 100644
--- a/styled.d.ts
+++ b/styled.d.ts
@@ -42,6 +42,7 @@ export interface LagoonTheme {
     base: string;
     highlight: string;
   };
+  placeholder:string;
 }
 
 declare module 'styled-components' {

From d39c483c7eedce670045721b109e46d5f4824299 Mon Sep 17 00:00:00 2001
From: Davit <davedabyeet@gmail.com>
Date: Fri, 24 Jan 2025 14:17:49 +1100
Subject: [PATCH 2/2] format

---
 src/styles/theme.ts | 4 ++--
 styled.d.ts         | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index 8923cbe9..044ae43c 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -43,7 +43,7 @@ export const darkTheme: DefaultTheme = {
     base: '#353535',
     highlight: '#444',
   },
-  placeholder:"#ebecf0",
+  placeholder: '#ebecf0',
 };
 
 export const lightTheme: DefaultTheme = {
@@ -88,5 +88,5 @@ export const lightTheme: DefaultTheme = {
     base: '#ebebeb',
     highlight: '#f5f5f5',
   },
-  placeholder:"#6b728c",
+  placeholder: '#6b728c',
 };
diff --git a/styled.d.ts b/styled.d.ts
index ae571e08..f191b32f 100644
--- a/styled.d.ts
+++ b/styled.d.ts
@@ -42,7 +42,7 @@ export interface LagoonTheme {
     base: string;
     highlight: string;
   };
-  placeholder:string;
+  placeholder: string;
 }
 
 declare module 'styled-components' {