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.
163 lines
3.2 KiB
163 lines
3.2 KiB
1 month ago
|
/**
|
||
|
|
* 主题颜色配置
|
||
|
|
*
|
||
|
|
* 可以通过 settingsStore 切换主题
|
||
|
|
*/
|
||
|
|
|
||
|
1 month ago
|
const tintColorLight = '#10c8e3';
|
||
|
|
const tintColorDark = '#ffd69f';
|
||
|
|
const tintColorOrange = '#bd9534';
|
||
|
1 month ago
|
|
||
|
|
export default {
|
||
|
|
light: {
|
||
|
1 month ago
|
// 文本颜色
|
||
|
|
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: {
|
||
|
1 month ago
|
// 文本颜色
|
||
|
|
text: '#000000',
|
||
|
|
textSecondary: '#666666',
|
||
|
|
textTertiary: '#999999',
|
||
|
|
textInverse: '#FFFFFF',
|
||
|
|
|
||
|
|
// 背景颜色
|
||
|
|
background: '#FFFFFF',
|
||
|
|
backgroundSecondary: '#F5F5F5',
|
||
|
|
backgroundTertiary: '#E5E5E5',
|
||
|
|
|
||
|
|
// 主题色
|
||
|
1 month ago
|
tint: tintColorOrange,
|
||
|
1 month ago
|
primary: '#007AFF',
|
||
|
|
secondary: '#5856D6',
|
||
|
|
success: '#34C759',
|
||
|
|
warning: '#FF9500',
|
||
|
|
error: '#FF3B30',
|
||
|
|
info: '#5AC8FA',
|
||
|
|
|
||
|
|
// 边框颜色
|
||
|
|
border: '#E5E5E5',
|
||
|
|
borderSecondary: '#D1D1D6',
|
||
|
|
|
||
|
|
// Tab 图标
|
||
|
|
tabIconDefault: '#8E8E93',
|
||
|
1 month ago
|
tabIconSelected: tintColorOrange,
|
||
|
1 month ago
|
|
||
|
|
// 卡片
|
||
|
|
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)',
|
||
|
1 month ago
|
},
|
||
|
|
dark: {
|
||
|
1 month ago
|
// 文本颜色
|
||
|
|
text: '#FFFFFF',
|
||
|
|
textSecondary: '#AEAEB2',
|
||
|
|
textTertiary: '#8E8E93',
|
||
|
|
textInverse: '#000000',
|
||
|
|
|
||
|
|
// 背景颜色
|
||
|
|
background: '#000000',
|
||
|
|
backgroundSecondary: '#1C1C1E',
|
||
|
|
backgroundTertiary: '#2C2C2E',
|
||
|
|
|
||
|
|
// 主题色
|
||
|
1 month ago
|
tint: tintColorDark,
|
||
|
1 month ago
|
primary: '#0A84FF',
|
||
|
|
secondary: '#5E5CE6',
|
||
|
|
success: '#32D74B',
|
||
|
|
warning: '#FF9F0A',
|
||
|
|
error: '#FF453A',
|
||
|
|
info: '#64D2FF',
|
||
|
|
|
||
|
|
// 边框颜色
|
||
|
|
border: '#38383A',
|
||
|
|
borderSecondary: '#48484A',
|
||
|
|
|
||
|
|
// Tab 图标
|
||
|
|
tabIconDefault: '#8E8E93',
|
||
|
1 month ago
|
tabIconSelected: tintColorDark,
|
||
|
1 month ago
|
|
||
|
|
// 卡片
|
||
|
|
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)',
|
||
|
1 month ago
|
},
|
||
|
|
};
|