移除文件树选中左条并弱化分隔线

This commit is contained in:
Darkings 2026-07-10 10:20:56 +08:00
parent f5cd0fce54
commit 8231bcb729
4 changed files with 10 additions and 15 deletions

2
dist/theme.css vendored

File diff suppressed because one or more lines are too long

View file

@ -14,7 +14,6 @@
--monokai-selection-muted-background: var(--background-modifier-hover);
--monokai-selection-border-color: var(--interactive-accent);
--monokai-nav-active-background: var(--background-modifier-hover);
--monokai-nav-active-border-color: var(--interactive-accent);
--monokai-sidebar-divider-color: var(--background-modifier-border);
--monokai-light-tool-background: var(--background-secondary);
--monokai-tab-active-border-color: var(--interactive-accent);
@ -44,8 +43,7 @@
--monokai-selection-muted-background: rgb(252 252 250 / 6%);
--monokai-selection-border-color: #{$color-pro-cyan};
--monokai-nav-active-background: rgb(120 220 232 / 12%);
--monokai-nav-active-border-color: rgb(120 220 232 / 58%);
--monokai-sidebar-divider-color: rgb(248 248 242 / 8%);
--monokai-sidebar-divider-color: rgb(248 248 242 / 4%);
--text-accent-hover: #{$color-pro-magenta};
--interactive-accent: #{$color-pro-magenta};
--interactive-accent-hover: #{$color-pro-magenta};
@ -130,8 +128,7 @@
--monokai-selection-muted-background: rgb(52 52 52 / 6%);
--monokai-selection-border-color: #{$color-light-cyan};
--monokai-nav-active-background: rgb(15 100 120 / 10%);
--monokai-nav-active-border-color: rgb(15 100 120 / 52%);
--monokai-sidebar-divider-color: rgb(61 61 61 / 10%);
--monokai-sidebar-divider-color: rgb(61 61 61 / 5%);
--monokai-light-tool-background: #f5f3ec;
--text-accent-hover: #{$color-light-red-soft};
--interactive-accent: #{$color-light-magenta};
@ -256,14 +253,12 @@
.nav-file-title.is-active {
color: var(--monokai-selection-foreground, var(--nav-item-color-active));
background-color: var(--monokai-nav-active-background);
box-shadow: inset 1px 0 0 var(--monokai-nav-active-border-color);
}
.nav-folder-title.is-active,
.tree-item-self.is-active {
color: var(--monokai-selection-foreground, var(--nav-item-color-active));
background-color: var(--monokai-nav-active-background);
box-shadow: inset 1px 0 0 var(--monokai-nav-active-border-color);
}
.nav-folder-collapse-indicator,
@ -390,7 +385,6 @@ input[type="checkbox"]:checked {
.bookmark.is-active {
color: var(--monokai-selection-foreground, var(--text-normal));
background-color: var(--monokai-nav-active-background);
box-shadow: inset 1px 0 0 var(--monokai-nav-active-border-color);
}
.tag {

View file

@ -156,19 +156,20 @@ test("文件树选中态和侧栏分隔线保持低噪音", () => {
const base = readSource("../src/scss/_base.scss");
assert.match(base, /--monokai-nav-active-background:\s*rgb\(120 220 232 \/ 12%\);/);
assert.match(base, /--monokai-nav-active-border-color:\s*rgb\(120 220 232 \/ 58%\);/);
assert.match(base, /--monokai-sidebar-divider-color:\s*rgb\(248 248 242 \/ 8%\);/);
assert.doesNotMatch(base, /--monokai-nav-active-border-color:/);
assert.match(base, /--monokai-sidebar-divider-color:\s*rgb\(248 248 242 \/ 4%\);/);
assert.match(base, /\.theme-light[\s\S]*?--monokai-nav-active-background:\s*rgb\(15 100 120 \/ 10%\);/);
assert.match(base, /\.theme-light[\s\S]*?--monokai-sidebar-divider-color:\s*rgb\(61 61 61 \/ 10%\);/);
assert.match(base, /\.theme-light[\s\S]*?--monokai-sidebar-divider-color:\s*rgb\(61 61 61 \/ 5%\);/);
assert.match(base, /\.workspace-split\.mod-left-split\s*\{[\s\S]*?border-inline-end:\s*1px solid var\(--monokai-sidebar-divider-color\);/);
assert.match(base, /\.workspace-leaf-resize-handle\s*\{[\s\S]*?background-color:\s*transparent;[\s\S]*?border-inline-start:\s*0;[\s\S]*?border-inline-end:\s*0;/);
assert.match(base, /\.nav-file-title\.is-active[\s\S]*?background-color:\s*var\(--monokai-nav-active-background\);[\s\S]*?box-shadow:\s*inset 1px 0 0 var\(--monokai-nav-active-border-color\);/);
assert.match(base, /\.nav-file-title\.is-active[\s\S]*?background-color:\s*var\(--monokai-nav-active-background\);/);
const activeFileRule = base.match(/\.nav-file-title\.is-active\s*\{[^}]+\}/)?.[0] ?? "";
const clickableTreeRule = base.match(/\.tree-item-self\.is-clickable\.is-active,[\s\S]*?\.bookmark\.is-active\s*\{[^}]+\}/)?.[0] ?? "";
assert.doesNotMatch(activeFileRule, /--monokai-selection-background/);
assert.doesNotMatch(activeFileRule, /box-shadow/);
assert.match(clickableTreeRule, /background-color:\s*var\(--monokai-nav-active-background\);/);
assert.match(clickableTreeRule, /box-shadow:\s*inset 1px 0 0 var\(--monokai-nav-active-border-color\);/);
assert.doesNotMatch(clickableTreeRule, /--monokai-selection-background/);
assert.doesNotMatch(clickableTreeRule, /box-shadow/);
});
test("编辑器样式按职责拆分为聚合模块", () => {

File diff suppressed because one or more lines are too long