Revize f22a2126

FIX: colors fix
re #10896

src/components/item/ItemTabBar.tsx

@@ -1 @@
-import { HStack, CircleIcon, View, ScrollView, Button, Center, Heading, Pressable, Text, Box, Container, VStack, Icon, ArrowBackIcon, ChevronLeftIcon, ChevronRightIcon, useToast, Divider } from "native-base";
+import { HStack, CircleIcon, ScrollView, Pressable, Text, VStack, useToast, Divider } from "native-base";
 import { CertaintyWithColors } from "../../stores/reducers/itemSlice";
 import { Certainty, Concordance } from "../../types/item";
 import LoadingBox from "../loading/LoadingBox";
@@ -74 +74 @@
                     </HStack>
                 </HStack>
             </HStack> */
-            <HStack h="16" backgroundColor={"#F5F4F1"}>
+            <HStack h="16" backgroundColor={"primary.100"}>
                 <ScrollView contentContainerStyle={{ flexGrow: 1 }} flex="1" horizontal={true}>
                     {concordances && concordances.length > 0 &&
                         <HStack flex="1" justifyContent="center" width="100%">
@@ -87 +87 @@
                                                     size="2"
                                                     color={CertaintyWithColors[concordances?.[i]?.cert ?? Certainty.Unknown].color}
                                                 />}
-                                                <Text marginLeft={2} color={i == index ? "#654B07" : "#8F6A0A"} bold fontSize={"md"}>
+                                                <Text marginLeft={2} color={i == index ? "primary.500" : "primary.300"} bold fontSize={"md"}>
                                                     {concordances?.[i]?.id}
                                                 </Text>
                                             </HStack>
-                                            {i == index && <Divider color="primary" borderWidth={2} borderRadius={5} width={85} mt={5} />}
+                                            {i == index && <Divider outlineColor={"primary.500"} borderWidth={2} borderRadius={5} width={85} mt={5} />}
                                         </VStack>
 
                                     </Pressable>
@@ -105 +105 @@
                                                 size="2"
                                                 color={CertaintyWithColors[concordances?.[0]?.cert ?? Certainty.Unknown].color}
                                             />}
-                                            <Text marginLeft={2} color={0 == 0 ? "#654B07" : "#8F6A0A"} bold fontSize={"md"}>
+                                            <Text marginLeft={2} color={"primary.500"} bold fontSize={"md"}>
                                                 {concordances?.[0]?.id}
                                             </Text>
                                         </HStack>
-                                        {0 == 0 && <Divider color="#654B07" borderWidth={2} borderRadius={5} width={85} mt={5} />}
+                                        {0 == 0 && <Divider color="primary.500" borderWidth={2} borderRadius={5} width={85} mt={5} />}
                                     </VStack>
 
                                 </Pressable>