task-241(admin.html观感对齐): 蓝白浅色 token 基线翻转(浅色侧栏+蓝灰主色 #4f78a5)

This commit is contained in:
2026-09-05 20:47:17 +08:00
parent 79ee16a374
commit c924ffa16d
4 changed files with 116 additions and 26 deletions
+8 -7
View File
@@ -12,16 +12,16 @@ import {
} from '../src/styles/theme.ts'
test('test_task_004_theme_tokens_normal_primary_path', () => {
// 正常主路径:侧边栏与加深面是暗色,内容区/卡片底是亮色
assert.equal(isDarkSurface(ADMIN_THEME.sidebar), true, '侧边栏必须为色')
assert.equal(isDarkSurface(ADMIN_THEME.sidebarDeep), true, '侧边栏加深面必须为色')
// 正常主路径(module 13 翻转):侧边栏与内容区均为浅色,主色为蓝灰
assert.equal(isDarkSurface(ADMIN_THEME.sidebar), false, '侧边栏必须为色')
assert.equal(isDarkSurface(ADMIN_THEME.sidebarDeep), false, '侧边栏加深面必须为色')
assert.equal(isDarkSurface(ADMIN_THEME.bg), false, '内容区背景必须为亮色')
assert.equal(isDarkSurface(ADMIN_THEME.border), false, '边框须为亮面中性色')
})
test('test_task_004_theme_tokens_normal_variant_input', () => {
// 正常变体:强调色与软底/正文高对比,正文 token 自成一致体系。
assert.equal(relativeLuminance(ADMIN_THEME.primary), relativeLuminance('#6366f1'))
// 正常变体:主色为蓝灰基线、正文 token 自成一致体系。
assert.equal(relativeLuminance(ADMIN_THEME.primary), relativeLuminance('#4f78a5'))
assert.ok(contrastRatio(ADMIN_THEME.text, ADMIN_THEME.bg) >= 4.5, '正文/内容区需满足 WCAG AA 正文')
assert.ok(contrastRatio(ADMIN_THEME.primary, ADMIN_THEME.bg) >= 3.0, '品牌色按钮须达到 3:1')
})
@@ -42,9 +42,10 @@ test('test_task_004_theme_tokens_boundary_empty_input', () => {
})
test('test_task_004_theme_tokens_boundary_single_item', () => {
// 边界单元素:单个中性边界 token 与内容区可区分;侧栏深于内容区。
// 边界单元素:单个中性边界 token 与内容区可区分;侧栏为独立浅色面(不再要求深于内容区
assert.notEqual(ADMIN_THEME.border, ADMIN_THEME.bg)
assert.ok(relativeLuminance(ADMIN_THEME.sidebar) < relativeLuminance(ADMIN_THEME.bg))
assert.notEqual(ADMIN_THEME.sidebar, ADMIN_THEME.bg)
assert.equal(isDarkSurface(ADMIN_THEME.sidebar), false, '侧栏须保持浅色')
})
test('test_task_004_theme_tokens_boundary_limit_or_missing_field', () => {