change some colours

This commit is contained in:
carol 2024-01-03 12:03:54 +01:00
parent d2837c12b3
commit d0ebacc02c
4 changed files with 5 additions and 5 deletions

View file

@ -15,7 +15,7 @@ export default function Layout() {
backgroundColor: colors.containerColor, backgroundColor: colors.containerColor,
}, },
tabBar: { tabBar: {
backgroundColor: colors.backgroundColor, backgroundColor: colors.containerColor,
borderTopColor: colors.backgroundColor borderTopColor: colors.backgroundColor
} }
}); });

View file

@ -11,7 +11,7 @@ import { useTheme } from '../../contexts/ThemeContext';
export default function Page() { export default function Page() {
const {colors} = useTheme() const {colors} = useTheme()
const containerColor = colors.containerColor; const containerColor = colors.backgroundColor;
const [selectedPage, setSelectedPage] = useState("noPageLoaded"); const [selectedPage, setSelectedPage] = useState("noPageLoaded");

View file

@ -72,7 +72,7 @@ export default function Page() {
return ( return (
<SafeAreaView edges={["left", "right", "top"]} style={[styles.safeAreaViewStyle, {backgroundColor: colors.containerColor}]}> <SafeAreaView edges={["left", "right", "top"]} style={[styles.safeAreaViewStyle, {backgroundColor: colors.backgroundColor}]}>
{plusShow && <Plus onPress={()=>{ {plusShow && <Plus onPress={()=>{
// router.push("/(tabs)/home/addItem"); // router.push("/(tabs)/home/addItem");

View file

@ -10,7 +10,7 @@ export default function ExpenseItem(itemProps : ExpenseItemProps) {
return ( return (
<CustomCard> <CustomCard>
<View style={[styles.colorTip, {backgroundColor: itemProps.color}]}></View> <View style={[styles.colorTip, {backgroundColor: itemProps.color}]}></View>
<View style={[styles.textSection, {backgroundColor: colors.backgroundColor}]}> <View style={[styles.textSection, {backgroundColor: colors.containerColor}]}>
<Text style={{ <Text style={{
fontSize: SIZES.normal, fontSize: SIZES.normal,
color: colors.primaryText color: colors.primaryText
@ -24,7 +24,7 @@ export default function ExpenseItem(itemProps : ExpenseItemProps) {
color: colors.primaryText color: colors.primaryText
}} numberOfLines={1}>{itemProps.date}</Text> }} numberOfLines={1}>{itemProps.date}</Text>
</View> </View>
<View style={[styles.valueSection, {backgroundColor: colors.backgroundColor}]}> <View style={[styles.valueSection, {backgroundColor: colors.containerColor}]}>
<Text style={{ <Text style={{
fontSize: SIZES.xxLarge, fontSize: SIZES.xxLarge,
color: colors.primaryText color: colors.primaryText