feat(theme): 完善顶部导航栏与底部菜单浅色暖色系适配及多端Tab生命周期同步
这个提交包含在:
@@ -10,6 +10,18 @@ export const THEME_KEYS = {
|
||||
|
||||
export type ThemeKey = (typeof THEME_KEYS)[keyof typeof THEME_KEYS];
|
||||
|
||||
export interface NavBarThemeTokens {
|
||||
backgroundColor: string;
|
||||
frontColor: '#ffffff' | '#000000';
|
||||
}
|
||||
|
||||
export interface TabBarThemeTokens {
|
||||
color: string;
|
||||
selectedColor: string;
|
||||
backgroundColor: string;
|
||||
borderStyle: 'white' | 'black';
|
||||
}
|
||||
|
||||
export interface ThemeTokens {
|
||||
bgPrimary: string;
|
||||
bgSurface: string;
|
||||
@@ -26,6 +38,8 @@ export interface ThemeTokens {
|
||||
textSecondary: string;
|
||||
textMuted: string;
|
||||
shadowBrand: string;
|
||||
navBar: NavBarThemeTokens;
|
||||
tabBar: TabBarThemeTokens;
|
||||
}
|
||||
|
||||
export interface ThemeItem {
|
||||
@@ -55,7 +69,17 @@ export const THEMES: Record<ThemeKey, ThemeItem> = {
|
||||
textPrimary: '#F8FAFC',
|
||||
textSecondary: '#94A3B8',
|
||||
textMuted: '#64748B',
|
||||
shadowBrand: '0 8rpx 24rpx rgba(99, 102, 241, 0.35)'
|
||||
shadowBrand: '0 8rpx 24rpx rgba(99, 102, 241, 0.35)',
|
||||
navBar: {
|
||||
backgroundColor: '#0A0F1D',
|
||||
frontColor: '#ffffff'
|
||||
},
|
||||
tabBar: {
|
||||
color: '#94A3B8',
|
||||
selectedColor: '#6366F1',
|
||||
backgroundColor: '#151D30',
|
||||
borderStyle: 'black'
|
||||
}
|
||||
}
|
||||
},
|
||||
[THEME_KEYS.WARM]: {
|
||||
@@ -77,7 +101,17 @@ export const THEMES: Record<ThemeKey, ThemeItem> = {
|
||||
textPrimary: '#1C1917',
|
||||
textSecondary: '#57534E',
|
||||
textMuted: '#78716C',
|
||||
shadowBrand: '0 8rpx 24rpx rgba(234, 88, 12, 0.25)'
|
||||
shadowBrand: '0 8rpx 24rpx rgba(234, 88, 12, 0.25)',
|
||||
navBar: {
|
||||
backgroundColor: '#FDFBF7',
|
||||
frontColor: '#000000'
|
||||
},
|
||||
tabBar: {
|
||||
color: '#78716C',
|
||||
selectedColor: '#EA580C',
|
||||
backgroundColor: '#FFFFFF',
|
||||
borderStyle: 'white'
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
在新工单中引用
屏蔽一个用户