obsidian-theme/darkings_Obsidian-MonokaiSyntax
1
0
Fork 0
mirror of https://github.com/darkings/Obsidian-MonokaiSyntax.git synced 2026-07-22 04:40:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

弱化侧栏滚动条干扰

Browse source
This commit is contained in:
Darkings 2026-07-10 10:28:07 +08:00
parent 8231bcb729
commit ac17483855
4 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dist/theme.css vendored
View file

File diff suppressed because one or more lines are too long

11
src/scss/_base.scss
View file

@ -15,6 +15,7 @@
--monokai-selection-border-color: var(--interactive-accent);
--monokai-nav-active-background: var(--background-modifier-hover);
--monokai-sidebar-divider-color: var(--background-modifier-border);
--monokai-sidebar-scrollbar-thumb: var(--text-faint);
--monokai-light-tool-background: var(--background-secondary);
--monokai-tab-active-border-color: var(--interactive-accent);
--monokai-transition-fast: 120ms ease;
@ -44,6 +45,7 @@
--monokai-selection-border-color: #{$color-pro-cyan};
--monokai-nav-active-background: rgb(120 220 232 / 12%);
--monokai-sidebar-divider-color: rgb(248 248 242 / 4%);
--monokai-sidebar-scrollbar-thumb: rgb(248 248 242 / 10%);
--text-accent-hover: #{$color-pro-magenta};
--interactive-accent: #{$color-pro-magenta};
--interactive-accent-hover: #{$color-pro-magenta};
@ -129,6 +131,7 @@
--monokai-selection-border-color: #{$color-light-cyan};
--monokai-nav-active-background: rgb(15 100 120 / 10%);
--monokai-sidebar-divider-color: rgb(61 61 61 / 5%);
--monokai-sidebar-scrollbar-thumb: rgb(61 61 61 / 12%);
--monokai-light-tool-background: #f5f3ec;
--text-accent-hover: #{$color-light-red-soft};
--interactive-accent: #{$color-light-magenta};
@ -412,6 +415,14 @@ input[type="checkbox"]:checked {
background-color: var(--monokai-scrollbar-active-background);
}
.workspace-split.mod-left-split ::-webkit-scrollbar-thumb {
background-color: var(--monokai-sidebar-scrollbar-thumb);
}
.workspace-split.mod-left-split ::-webkit-scrollbar-thumb:hover {
background-color: var(--monokai-sidebar-divider-color);
}
::selection {
color: var(--monokai-selection-foreground);
background-color: var(--monokai-selection-background);

3
test/monokai-pro-polish.test.js
View file

@ -158,10 +158,13 @@ test("文件树选中态和侧栏分隔线保持低噪音", () => {
assert.match(base, /--monokai-nav-active-background:\s*rgb\(120 220 232 \/ 12%\);/);
assert.doesNotMatch(base, /--monokai-nav-active-border-color:/);
assert.match(base, /--monokai-sidebar-divider-color:\s*rgb\(248 248 242 \/ 4%\);/);
assert.match(base, /--monokai-sidebar-scrollbar-thumb:\s*rgb\(248 248 242 \/ 10%\);/);
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 \/ 5%\);/);
assert.match(base, /\.theme-light[\s\S]*?--monokai-sidebar-scrollbar-thumb:\s*rgb\(61 61 61 \/ 12%\);/);
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, /\.workspace-split\.mod-left-split ::-webkit-scrollbar-thumb\s*\{[\s\S]*?background-color:\s*var\(--monokai-sidebar-scrollbar-thumb\);/);
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] ?? "";

2
theme.css
View file

File diff suppressed because one or more lines are too long