fix(brand): 修复品牌根选择器变量覆盖

将品牌类选择器调整为 :root.brand-*,确保品牌变量能够稳定覆盖默认 :root 变量。\n补充品牌选择器测试,校验品牌块中包含 surface elevated 颜色变量。
This commit is contained in:
肖应宇 2026-06-15 09:26:30 +08:00
parent 6adc8cbedf
commit 39eb29d54e
2 changed files with 7 additions and 3 deletions

View File

@ -10,4 +10,6 @@ const globalsCss = readFileSync(path.join(currentDir, "globals.css"), "utf8");
void test("brand selectors target :root to outrank default root variables", () => {
assert.match(globalsCss, /:root\.brand-xclaw\s*\{/);
assert.match(globalsCss, /:root\.brand-sxwz\s*\{/);
assert.match(globalsCss, /:root\.brand-xclaw\s*\{[\s\S]*--ws-color-surface-elevated\s*:/);
assert.match(globalsCss, /:root\.brand-sxwz\s*\{[\s\S]*--ws-color-surface-elevated\s*:/);
});

View File

@ -68,16 +68,18 @@
@source inline("bg-{background,muted,primary,secondary,accent}");
@source inline("border-{border,input}");
.brand-xclaw {
:root.brand-xclaw {
--brand-color-primary: #150033;
--brand-color-primary-10: #1500331a;
--brand-color-primary-60: #15003399;
--ws-color-surface-elevated: #fbfafc;
}
.brand-sxwz {
:root.brand-sxwz {
--brand-color-primary: #000f33;
--brand-color-primary-10: #000f331a;
--brand-color-primary-60: #000f3399;
--ws-color-surface-elevated: #f8f9fa;
}
@custom-variant dark (&:is(.dark *));
@ -647,7 +649,7 @@ code {
.workspace-code-editor .ͼ4k,
.workspace-code-editor .ͼ4s,
.workspace-code-editor .ͼ4q
.workspace-code-editor .ͼ4q,
.workspace-code-editor .ͼ4r {
color: var(--ws-color-fg-primary);
}