fix(brand): 修复品牌根选择器变量覆盖
将品牌类选择器调整为 :root.brand-*,确保品牌变量能够稳定覆盖默认 :root 变量。\n补充品牌选择器测试,校验品牌块中包含 surface elevated 颜色变量。
This commit is contained in:
parent
6adc8cbedf
commit
39eb29d54e
@ -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*:/);
|
||||
});
|
||||
|
||||
@ -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);
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user