theme en cours

components/selectChantier.tsx

@@ -1,7 +1,7 @@
-import { ThemedView } from '@/components/themed-view';
 import { useState } from 'react';
-import { Button, GestureResponderEvent, ScrollView, StyleSheet, TextInput, View } from 'react-native';
-import "@/components/Theme";
+import { Button, GestureResponderEvent, ScrollView, StyleSheet, View } from 'react-native';
+import { ThemedTextInput } from './themed-textinpute';
+import { ThemedView } from "./themed-view";
 
 export default function SelectChantier() {
 
@@ -17,13 +17,13 @@ export default function SelectChantier() {
 
     const renderChantier = ()  => {
       return(
-      <View style={styles.chantier}>
-      </View>
+      <ThemedView lvl={0} style={styles.chantier}>
+      </ThemedView>
       );
     };
 
     return (
-        <View style={styles.selectZone}>
+        <ThemedView lvl={2} style={styles.selectZone}>
           {!isOpen && (
              <Button onPress={onPressOpen} title={"Open"}/>
           )}
@@ -31,13 +31,13 @@ export default function SelectChantier() {
             <ScrollView>
                <Button onPress={onPressOpen} title={"Close"}/>
                 <View style={styles.searchZone}>
-                    <View style={styles.searchMenu}>
-                        <TextInput
+                    <ThemedView lvl={0} style={styles.searchMenu}>
+                        <ThemedTextInput placeholderTextColor="#808080"
                             placeholder='Rechercher un chantier'
                             value={search}
                             onChangeText={setSearch}
                         />
-                    </View>
+                    </ThemedView>
                 </View>
                 
                 <View>
@@ -45,7 +45,7 @@ export default function SelectChantier() {
                 </View>
             </ScrollView>
            )}
-        </View>
+        </ThemedView>
 
     );
 }
@@ -53,7 +53,6 @@ export default function SelectChantier() {
 const styles = StyleSheet.create({
     selectZone:{
     position: 'absolute',
-    backgroundColor: global.theme.colors.c0,
     width: "100%",
     margin: 0,
     borderRadius: 5,
@@ -66,7 +65,7 @@ const styles = StyleSheet.create({
     gap: 8,
   },
   searchMenu:{
-    backgroundColor: global.theme.colors.c2,
+    color:'#FFAAAA',
     borderRadius: 5,
     width: "100%",
     margin: 0,
@@ -80,6 +79,5 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   chantier:{
-    backgroundColor:'#202020'
   }
 });