You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
161 lines
3.2 KiB
161 lines
3.2 KiB
/** |
|
* 主题颜色配置 |
|
* |
|
* 可以通过 settingsStore 切换主题 |
|
*/ |
|
|
|
const tintColorLight = '#007AFF'; |
|
const tintColorDark = '#0A84FF'; |
|
|
|
export default { |
|
light: { |
|
// 文本颜色 |
|
text: '#000000', |
|
textSecondary: '#666666', |
|
textTertiary: '#999999', |
|
textInverse: '#FFFFFF', |
|
|
|
// 背景颜色 |
|
background: '#FFFFFF', |
|
backgroundSecondary: '#F5F5F5', |
|
backgroundTertiary: '#E5E5E5', |
|
|
|
// 主题色 |
|
tint: tintColorLight, |
|
primary: '#007AFF', |
|
secondary: '#5856D6', |
|
success: '#34C759', |
|
warning: '#FF9500', |
|
error: '#FF3B30', |
|
info: '#5AC8FA', |
|
|
|
// 边框颜色 |
|
border: '#E5E5E5', |
|
borderSecondary: '#D1D1D6', |
|
|
|
// Tab 图标 |
|
tabIconDefault: '#8E8E93', |
|
tabIconSelected: tintColorLight, |
|
|
|
// 卡片 |
|
card: '#FFFFFF', |
|
cardShadow: 'rgba(0, 0, 0, 0.1)', |
|
|
|
// 输入框 |
|
inputBackground: '#FFFFFF', |
|
inputBorder: '#D1D1D6', |
|
inputPlaceholder: '#C7C7CC', |
|
|
|
// 按钮 |
|
buttonPrimary: '#007AFF', |
|
buttonSecondary: '#5856D6', |
|
buttonDisabled: '#E5E5E5', |
|
buttonText: '#FFFFFF', |
|
|
|
// 分隔线 |
|
separator: '#E5E5E5', |
|
|
|
// 覆盖层 |
|
overlay: 'rgba(0, 0, 0, 0.5)', |
|
}, |
|
orange: { |
|
// 文本颜色 |
|
text: '#000000', |
|
textSecondary: '#666666', |
|
textTertiary: '#999999', |
|
textInverse: '#FFFFFF', |
|
|
|
// 背景颜色 |
|
background: '#FFFFFF', |
|
backgroundSecondary: '#F5F5F5', |
|
backgroundTertiary: '#E5E5E5', |
|
|
|
// 主题色 |
|
tint: tintColorLight, |
|
primary: '#007AFF', |
|
secondary: '#5856D6', |
|
success: '#34C759', |
|
warning: '#FF9500', |
|
error: '#FF3B30', |
|
info: '#5AC8FA', |
|
|
|
// 边框颜色 |
|
border: '#E5E5E5', |
|
borderSecondary: '#D1D1D6', |
|
|
|
// Tab 图标 |
|
tabIconDefault: '#8E8E93', |
|
tabIconSelected: tintColorLight, |
|
|
|
// 卡片 |
|
card: '#FFFFFF', |
|
cardShadow: 'rgba(0, 0, 0, 0.1)', |
|
|
|
// 输入框 |
|
inputBackground: '#FFFFFF', |
|
inputBorder: '#D1D1D6', |
|
inputPlaceholder: '#C7C7CC', |
|
|
|
// 按钮 |
|
buttonPrimary: '#007AFF', |
|
buttonSecondary: '#5856D6', |
|
buttonDisabled: '#E5E5E5', |
|
buttonText: '#FFFFFF', |
|
|
|
// 分隔线 |
|
separator: '#E5E5E5', |
|
|
|
// 覆盖层 |
|
overlay: 'rgba(0, 0, 0, 0.5)', |
|
}, |
|
dark: { |
|
// 文本颜色 |
|
text: '#FFFFFF', |
|
textSecondary: '#AEAEB2', |
|
textTertiary: '#8E8E93', |
|
textInverse: '#000000', |
|
|
|
// 背景颜色 |
|
background: '#000000', |
|
backgroundSecondary: '#1C1C1E', |
|
backgroundTertiary: '#2C2C2E', |
|
|
|
// 主题色 |
|
tint: tintColorDark, |
|
primary: '#0A84FF', |
|
secondary: '#5E5CE6', |
|
success: '#32D74B', |
|
warning: '#FF9F0A', |
|
error: '#FF453A', |
|
info: '#64D2FF', |
|
|
|
// 边框颜色 |
|
border: '#38383A', |
|
borderSecondary: '#48484A', |
|
|
|
// Tab 图标 |
|
tabIconDefault: '#8E8E93', |
|
tabIconSelected: tintColorDark, |
|
|
|
// 卡片 |
|
card: '#1C1C1E', |
|
cardShadow: 'rgba(0, 0, 0, 0.3)', |
|
|
|
// 输入框 |
|
inputBackground: '#1C1C1E', |
|
inputBorder: '#38383A', |
|
inputPlaceholder: '#636366', |
|
|
|
// 按钮 |
|
buttonPrimary: '#0A84FF', |
|
buttonSecondary: '#5E5CE6', |
|
buttonDisabled: '#38383A', |
|
buttonText: '#FFFFFF', |
|
|
|
// 分隔线 |
|
separator: '#38383A', |
|
|
|
// 覆盖层 |
|
overlay: 'rgba(0, 0, 0, 0.7)', |
|
}, |
|
};
|
|
|