obsidian-plugin/mara-li_obsidian-simple-colored-folder
1
0
Fork 0
mirror of https://github.com/mara-li/obsidian-simple-colored-folder.git synced 2026-07-22 05:46:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: hovering and is-active should not be overwritten

Browse source 
add the snippets to docs

close #6
This commit is contained in:
Mara 2025-09-22 18:12:01 +02:00
parent 494eaa0fb9
commit 78de01f17e
2 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
docs/snippets.md
View file

@ -31,4 +31,17 @@ To remove the border when collapsed, add just this in a separate CSS snippet:
.tree-item.nav-folder[data-path="${folderName}"] {
--nav-indentation-guide-color: var(${color});
}
```
```
# Adjust hovering and is active colors
```css
.nav-file-title[class*="is-active"][data-path^="${folderName}"],
.nav-folder-title[data-path^="${folderName}"]:hover,
.nav-file-title[data-path^="${folderName}"]:hover,
.nav-folder-title[class*="is-active"][data-path^="${folderName}"] {
color: var(${color}) !important;
background-color: var(${bg}) !important;
filter: saturate(var(--spf-saturate-hover));
}
```

9
src/template.ts
View file

@ -36,15 +36,6 @@ export function convertToCSS(folderName: string, prefix: Prefix, template: strin
background-color: var(${variableNames.bg}) !important;
border-radius: var(--spf-FolderRadius);
}
.nav-file-title[class*="is-active"][data-path^="${folderName}"],
.nav-folder-title[data-path^="${folderName}"]:hover,
.nav-file-title[data-path^="${folderName}"]:hover,
.nav-folder-title[class*="is-active"][data-path^="${folderName}"] {
color: var(${variableNames.color}) !important;
background-color: var(${variableNames.bg}) !important;
filter: saturate(var(--spf-saturate-hover));
}
${dedent(remplaceTemplate(template, folderName, variableNames.bg, variableNames.color))}