theme en cours

app/(tabs)/bonjourFL.tsx

@@ -1,6 +1,10 @@
+import SelectChantier from '@/components/selectChantier';
+import { ThemedText } from '@/components/themed-text';
+import { ThemedTextInput } from '@/components/themed-textinpute';
+import { ThemedView } from '@/components/themed-view';
 import { useLocalSearchParams, useRouter } from 'expo-router';
 import React, { useMemo, useState } from 'react';
-import { Button, FlatList, Image, StyleSheet, Text, TextInput, View } from 'react-native';
+import { Button, FlatList, Image, StyleSheet, Text } from 'react-native';
 import rawConcerts from '../../data/concerts.json';
 
 type Concert = {
@@ -40,55 +44,61 @@ export default function BonjourScreen() {
       return null;
     }
     return(
-    <View style={styles.card}>
+    <ThemedView lvl={2} style={styles.card}>
       <Image source={{ uri: item.Image }} style={styles.image} />
-      <View style={styles.info}>
-        <Text style={styles.group}>{item.group}</Text>
-        <Text>{item.date}</Text>
-        <Text>{item.location}</Text>
-        <Text>Prix : {item.price} €</Text>
-        <Text>Places restantes : {item.ticketsLeft}</Text>
-      </View>
-    </View>);
+      <ThemedView lvl={2} style={styles.info}>
+        <ThemedText style={styles.group}>{item.group}</ThemedText>
+        <ThemedText>{item.date}</ThemedText>
+        <ThemedText>{item.location}</ThemedText>
+        <ThemedText>Prix : {item.price} €</ThemedText>
+        <ThemedText>Places restantes : {item.ticketsLeft}</ThemedText>
+      </ThemedView>
+    </ThemedView>);
   };
 
+
+
+
   return(
-    <View style={styles.container}>
+    <ThemedView style={styles.container}>
+      <ThemedView style={styles.selectChantier}>
+            <SelectChantier ></SelectChantier>
+      </ThemedView>
       <FlatList
         data={filteredData}
         renderItem={renderItem}
         keyExtractor={(_, index) => index.toString()}
         contentContainerStyle={{ paddingBottom: 40 }}
         ListHeaderComponent={
-          <View style={styles.header}>
-            <Text style={styles.text}>
+          <ThemedView style={styles.header}>
+            <ThemedText style={styles.text}>
               Bonjour {prenom} {nom}
-            </Text>
+            </ThemedText>
 
-            <TextInput
+            <ThemedTextInput
               style={styles.input}
               placeholder="Rechercher un groupe..."
               value={search}
               onChangeText={setSearch}
             />
-          </View>
+          </ThemedView>
         }
         ListEmptyComponent={
           <Text style={styles.empty}>Aucun résultat n'a été trouvé</Text>
         }
       />
 
-      <View style={styles.footer}>
+      <ThemedView style={styles.footer}>
         <Button title="Retour" onPress={() => router.push("/(tabs)/mapScreen") } />
-      </View>
-    </View>
+      </ThemedView>
+    </ThemedView>
   )
 }
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#fff',
+    //backgroundColor: '#fff',
   },
   header: {
     marginTop: 60,
@@ -104,7 +114,7 @@ const styles = StyleSheet.create({
   input: {
     width: '100%',
     borderWidth: 1,
-    borderColor: '#ccc',
+    //borderColor: '#ccc',
     borderRadius: 10,
     padding: 10,
     fontSize: 16,
@@ -114,10 +124,10 @@ const styles = StyleSheet.create({
     marginHorizontal: 20,
     marginBottom: 15,
     borderWidth: 1,
-    borderColor: '#ddd',
+    //borderColor: '#ddd',
     borderRadius: 10,
     padding: 10,
-    backgroundColor: '#fafafa',
+    //backgroundColor: '#fafafa',
   },
   image: {
     width: 80,
@@ -142,4 +152,10 @@ const styles = StyleSheet.create({
     marginTop: 30,
     color: '#888',
   },
+  selectChantier:{
+    width:"100%",
+    padding:10,
+    margin:10,
+    marginTop:50,
+  },
 });

app/(tabs)/explore.tsx

@@ -1,14 +1,14 @@
 import { Image } from 'expo-image';
-import { Platform, StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet } from 'react-native';
 
 import { ExternalLink } from '@/components/external-link';
 import ParallaxScrollView from '@/components/parallax-scroll-view';
+import SelectChantier from '@/components/selectChantier';
 import { ThemedText } from '@/components/themed-text';
 import { ThemedView } from '@/components/themed-view';
 import { Collapsible } from '@/components/ui/collapsible';
 import { IconSymbol } from '@/components/ui/icon-symbol';
 import { Fonts } from '@/constants/theme';
-import SelectChantier from '@/components/selectChantier';
 
 
 export default function TabTwoScreen() {

app/(tabs)/index.tsx

@@ -18,7 +18,7 @@ export default function HomeScreen() {
         />
       }>
       <ThemedView style={styles.titleContainer}>
-        <ThemedText type="title">YEE!</ThemedText>
+        <ThemedText type="title">YEE!</ThemedText >
         <HelloWave />
       </ThemedView>
       <ThemedView style={styles.stepContainer}>