style: 将工作区操作移入标签页后缀并增强浅色分隔线

This commit is contained in:
GouJ
2026-09-02 09:49:22 +08:00
parent 2ddd9b8009
commit 4229426339
10 changed files with 112 additions and 44 deletions
+9
View File
@@ -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')
+1 -1
View File
@@ -216,7 +216,7 @@ export function useTheme() {
tabTextColorHoverLine: accentText,
barColor: primary,
// Tabs 保留横向分隔线,明确导航与内容边界;选中下划线仍使用主绿色。
tabBorderColor: dark ? '#333333' : '#e5e5e5'
tabBorderColor: dark ? '#333333' : '#bfbfbf'
},
Tag: {
textColorPrimary: accentText,