local styles used

Author: MenaamAfzal

client/packages/lowcoder-design/src/components/Search.tsx

@@ -13,11 +13,21 @@ const SearchInput = styled(Input)`
   font-size: 13px;
   user-select: none;
   overflow: hidden;
+  background-color: #fdfdfd;
+  color: #000;
 
   &:focus {
     outline: none;
     box-shadow: 0 0 0 3px #daecfc;
   }
+  &:hover {
+    background-color: #fdfdfd;
+    color: #000;
+  }
+  &:focus-within {
+    background-color: #fdfdfd;
+    color: #000;
+  }
 `;
 const SearchDiv = styled.div<{ error?: boolean }>`
   height: 32px;

client/packages/lowcoder/src/comps/comps/textInputComp/textInputConstants.tsx

@@ -250,7 +250,7 @@ export function getStyle(style: InputLikeStyleType, labelStyle?: LabelStyleType)
       font-style:${style.fontStyle};
       text-transform:${style.textTransform};
       text-decoration:${style.textDecoration};
-      // background-color: ${style.background};
+      background-color: ${style.background};
       border-color: ${style.border};
 
       &:focus,