style: 将工作区操作移入标签页后缀并增强浅色分隔线
This commit is contained in:
@@ -47,6 +47,15 @@ function contrast(foreground: string, background: string) {
|
||||
}
|
||||
|
||||
describe('微信风格明暗主题', () => {
|
||||
it('浅色 Tabs 分隔线与页面、内容表面保持可辨识的灰阶差异', () => {
|
||||
const { overrides } = setup()
|
||||
const color = overrides.value.Tabs!.tabBorderColor!
|
||||
if (typeof color !== 'string') throw new Error('Tabs 分隔线颜色必须为字符串')
|
||||
expect(color).toBe('#bfbfbf')
|
||||
expect(contrast(color, '#ededed')).toBeGreaterThan(1.5)
|
||||
expect(contrast(color, '#ffffff')).toBeGreaterThan(1.5)
|
||||
})
|
||||
|
||||
it('默认跟随系统并实时响应,销毁时移除监听', async () => {
|
||||
const state = setup()
|
||||
expect(state.preference.value).toBe('system')
|
||||
|
||||
@@ -216,7 +216,7 @@ export function useTheme() {
|
||||
tabTextColorHoverLine: accentText,
|
||||
barColor: primary,
|
||||
// Tabs 保留横向分隔线,明确导航与内容边界;选中下划线仍使用主绿色。
|
||||
tabBorderColor: dark ? '#333333' : '#e5e5e5'
|
||||
tabBorderColor: dark ? '#333333' : '#bfbfbf'
|
||||
},
|
||||
Tag: {
|
||||
textColorPrimary: accentText,
|
||||
|
||||
Reference in New Issue
Block a user