adapt search engine color

Author: medyo

src/assets/App.css

@@ -834,6 +834,10 @@ Producthunt item
   width: 100%;
 }
 
+.dark .themeAdaptiveFillColor {
+  fill: white;
+}
+
 .searchBarIcon {
   position: absolute;
   height: 40px;

src/components/Elements/SearchBar/SearchBar.tsx

@@ -28,7 +28,7 @@ export const SearchBar = () => {
 
   return (
     <form className="searchBar" onSubmit={handleSubmit}>
-      <usedSearchEngine.logo className="searchBarIcon" />
+      <usedSearchEngine.logo className={'searchBarIcon ' + usedSearchEngine.className} />
       <input
         ref={keywordsInputRef}
         type="text"

src/components/Elements/SearchBarWithLogo/SearchBarWithLogo.css

@@ -17,7 +17,3 @@
   width: 100%;
   height: 100%;
 }
-
-.dark .searchEngineLogo .themeAdaptiveFillColor {
-  fill: white;
-}

src/types/index.ts

@@ -29,6 +29,7 @@ export type SearchEngine = {
   url: string
   label: string
   logo: React.FunctionComponent<React.SVGProps<SVGSVGElement>>
+  className?: string
 }
 
 export type Theme = 'dark' | 'light'
@@ -110,7 +111,10 @@ export type Option = {
   icon?: React.ReactNode
 }
 
-export type DNDDuration = {
-  value: number
-  countdown: number
-} | "always" | "never"
+export type DNDDuration =
+  | {
+      value: number
+      countdown: number
+    }
+  | 'always'
+  | 'never'