feat(route) : new route

src/navigation/AppRoutes.js

@@ -55,6 +55,8 @@ import DialogFormPost from '../screens/activity/projectAset/post/dialogForm';
 import ProjectScreen from '../screens/activity/projectAset/project/index';
 import DialogFormProject from '../screens/activity/projectAset/project/dialogForm';
 import ProfileScreen from '../screens/Profile';
+import ThemeScreen from '../components/theme'
+import LanguageScreen from '../components/language'
 
 const Stack = createNativeStackNavigator();
 
@@ -319,6 +321,16 @@ const AppRoutes = () => {
 									name="ProfileScreen"
 									component={ProfileScreen}
 								/>
+								<Stack.Screen
+									options={{ headerShown: false }}
+									name="ThemeScreen"
+									component={ThemeScreen}
+								/>
+								<Stack.Screen
+									options={{ headerShown: false }}
+									name="LanguageScreen"
+									component={LanguageScreen}
+								/>
 							</>
 						)
 				}

src/navigation/BottomTabNavigator.js

@@ -16,9 +16,9 @@ const Tab = createBottomTabNavigator();
 
 export default function BottomTabNavigator() {
   const { theme, useSystemTheme } = useSelector(state => state.themeReducer);
+  const systemTheme = useColorScheme();
+  const tabBarColor = useSystemTheme ? (systemTheme === 'dark' ? colors.black : colors.pureWhite) : (theme === 'dark' ? colors.black : colors.pureWhite);
 
-
-  const tabBarColor = theme === 'dark' ? colors.black : colors.pureWhite;
   const activeColor = colors.blue;
 
   return (