web: fix autocomplete text color for all inputs (#2057)

Signed-off-by: Abdulrehman-Jafer <abdulrehmanjaferwork01233@gmail.com>

apps/web/src/components/search/index.js

@@ -29,7 +29,7 @@ function SearchBox(props) {
       id="search"
       name="search"
       type="text"
-      sx={{ m: 0, mx: 1, mt: 1 }}
+      sx={{m: 0,mx: 1,mt: 1}}
       placeholder="Type your query here"
       onKeyDown={(e) => {
         if (e.key === "Enter") props.onSearch(e.target.value);

packages/theme/src/theme/variants/input.ts

@@ -27,6 +27,11 @@ const defaultVariant: ThemeUIStyleObject = {
   fontWeight: "body",
   fontSize: "input",
   color: "text",
+  ":-webkit-autofill": {
+    WebkitTextFillColor: "var(--text)",
+    caretColor: "red",
+    fontSize: "inherit"
+  },
   ":focus": {
     outline: "2px solid var(--primary)"
   },