skills/deerflow2
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source 
将品牌类选择器调整为 :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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/styles/globals-brand-selectors.test.ts
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", () => { void test("brand selectors target :root to outrank default root variables", () => {
assert.match(globalsCss, /:root\.brand-xclaw\s*\{/); assert.match(globalsCss, /:root\.brand-xclaw\s*\{/);
assert.match(globalsCss, /:root\.brand-sxwz\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*:/);
}); });

8
frontend/src/styles/globals.css
View File

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