34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
/**
|
|
* 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 primaryColor = '#BBF246'; // 应用主题色
|
|
const tintColorLight = primaryColor;
|
|
const tintColorDark = '#fff';
|
|
|
|
export const Colors = {
|
|
light: {
|
|
text: '#11181C',
|
|
background: '#fff',
|
|
tint: tintColorLight,
|
|
primary: primaryColor,
|
|
icon: '#687076',
|
|
tabIconDefault: '#687076',
|
|
tabIconSelected: '#192126', // tab 激活时的文字/图标颜色（深色，在亮色背景上显示）
|
|
tabBarBackground: '#192126', // tab 栏背景色
|
|
tabBarActiveBackground: primaryColor, // tab 激活时的背景色
|
|
},
|
|
dark: {
|
|
text: '#ECEDEE',
|
|
background: '#151718',
|
|
tint: tintColorDark,
|
|
primary: primaryColor,
|
|
icon: '#9BA1A6',
|
|
tabIconDefault: '#9BA1A6',
|
|
tabIconSelected: '#192126', // 在亮色背景上使用深色文字
|
|
tabBarBackground: '#192126',
|
|
tabBarActiveBackground: primaryColor,
|
|
},
|
|
};
|