mirror of
https://github.com/darkings/Obsidian-MonokaiSyntax.git
synced 2026-07-22 04:40:26 +00:00
移除文件树选中左条并弱化分隔线
This commit is contained in:
parent
f5cd0fce54
commit
8231bcb729
4 changed files with 10 additions and 15 deletions
2
dist/theme.css
vendored
2
dist/theme.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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
Loading…
Reference in a new issue