adjust colors to movie-web

apps/expo/src/components/ui/Searchbar.tsx

@@ -2,7 +2,7 @@ import { useContext, useEffect, useRef, useState } from "react";
 import { TextInput, View } from "react-native";
 import { FontAwesome5 } from "@expo/vector-icons";
 
-import Colors from "@movie-web/tailwind-config/colors";
+import { defaultTheme } from "@movie-web/tailwind-config/themes";
 
 import SearchTabContext from "./SearchTabContext";
 
@@ -30,14 +30,18 @@ export function SearchBar({
   return (
     <View className="mb-6 mt-4 flex-row items-center rounded-full border border-primary-400 bg-black focus-within:border-primary-300">
       <View className="ml-1 w-12 items-center justify-center">
-        <FontAwesome5 name="search" size={18} color={Colors.secondary[200]} />
+        <FontAwesome5
+          name="search"
+          size={18}
+          color={defaultTheme.extend.colors.search.icon}
+        />
       </View>
       <TextInput
         value={keyword}
         onChangeText={handleChange}
         ref={inputRef}
         placeholder="What are you looking for?"
-        placeholderTextColor={Colors.secondary[200]}
+        placeholderTextColor={defaultTheme.extend.colors.search.placeholder}
         className="w-full rounded-3xl py-3 pr-5 text-white"
       />
     </View>