#57 More params for search box need to added to theme

App.js

@@ -748,7 +748,7 @@ function UnaToolbarSearch(o) {
         <Box safeAreaTop bg={useTheme('colors.statusBar')} />
         <HStack bg={useTheme('colors.primary')} px="1" py="1" justifyContent="space-between" alignItems="center" w="100%" style={styles.header}>
             <HStack alignItems="center" style={styles.searchInputContainer}>
-                <Input placeholder="Search..." width="89%" borderRadius={'ios' === Platform.OS ? 'full' : 'md'} px="3" fontSize="14" bg={useTheme('searchInputBackground')} color={useTheme('colors.searchInputText')} borderColor={useTheme('colors.searchInputBorder')} onSubmitEditing={o.onSearch} />
+                <Input placeholder="Search..." width="89%" borderRadius={'ios' === Platform.OS ? 'full' : 'md'} px="3" fontSize="14" bg={useTheme('searchInputBackground')} color={useTheme('colors.searchInputText')} borderColor={useTheme('colors.searchInputBorder')} onSubmitEditing={o.onSearch} _focus={{ borderColor: useTheme('colors.searchInputBorderActive') }} placeholderTextColor={useTheme('colors.searchInputTextPlaceholder')} />
                 <IconButton icon={<Icons.Cross size="sm" color={useTheme('colors.textOnPrimary')} />} onPress={o.onSearchCancel} />
             </HStack>
         </HStack>

Theme.js

@@ -17,7 +17,9 @@ const themeDark = {
         activityIndicator: '#e2e8f0',
         searchInputBackground: '#000000',
         searchInputBorder: '#475569',
+        searchInputBorderActive: '#475569',
         searchInputText: '#e2e8f0',
+        searchInputTextPlaceholder: '#888',
     }
 };
 const themeLight = {
@@ -36,7 +38,9 @@ const themeLight = {
         activityIndicator: '#334155',
         searchInputBackground: '#F7F9FC',
         searchInputBorder: '#cbd5e1',
+        searchInputBorderActive: '#cbd5e1',
         searchInputText: '#334155',
+        searchInputTextPlaceholder: '#888',
     }
 };