2025-04-28 12:36:08 +00: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.
* /
2025-04-29 13:17:00 +00:00
const tintColorLight = "#0a7ea4" ;
const tintColorDark = "#fff" ;
2025-04-28 12:36:08 +00:00
export const Colors = {
2025-04-29 13:17:00 +00:00
light : {
text : "#11181C" ,
background : "#fff" ,
tint : tintColorLight ,
icon : "#687076" ,
tabIconDefault : "#687076" ,
tabIconSelected : tintColorLight ,
} ,
dark : {
text : "#ECEDEE" ,
background : "#151718" ,
tint : tintColorDark ,
icon : "#9BA1A6" ,
tabIconDefault : "#9BA1A6" ,
tabIconSelected : tintColorDark ,
} ,
gold : "#fedd1e" ,
black : "#000" ,
white : "#fff" ,
lightGrey : "#ccc" ,
blue : "#337AB7" ,
brick : "#973920" ,
2025-04-28 12:36:08 +00:00
} ;