2024-10-08 12:25:29 -05:00
/ * *
* Below are the colors that are used in the app . The colors are defined in the light and dark mode .
* There are many other ways to style your app . For example , [ Nativewind ] ( https : //www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
* /
const tintColorLight = '#0a7ea4' ;
const tintColorDark = '#fff' ;
2024-10-08 19:40:36 -05:00
const black = '#2e2f3d'
const white = '#ECEDEE'
2024-10-08 12:25:29 -05:00
export const Colors = {
light : {
2024-10-08 19:40:36 -05:00
text : black ,
background : white ,
//background: '#fff',
2024-10-08 12:25:29 -05:00
tint : tintColorLight ,
icon : '#687076' ,
tabIconDefault : '#687076' ,
tabIconSelected : tintColorLight ,
} ,
dark : {
2024-10-08 19:40:36 -05:00
text : white ,
background : black ,
2024-10-08 12:25:29 -05:00
tint : tintColorDark ,
icon : '#9BA1A6' ,
tabIconDefault : '#9BA1A6' ,
tabIconSelected : tintColorDark ,
} ,
} ;