client/note tree item tinting: optimize

This commit is contained in:
Adorian Doran
2025-10-19 17:39:21 +03:00
parent d999d60302
commit de9314a271
5 changed files with 5 additions and 5 deletions

View File

@@ -82,7 +82,7 @@ body ::-webkit-calendar-picker-indicator {
filter: invert(1); filter: invert(1);
} }
#left-pane span.fancytree-node { #left-pane .fancytree-node.tinted {
--custom-color: var(--dark-theme-custom-color); --custom-color: var(--dark-theme-custom-color);
} }

View File

@@ -82,6 +82,6 @@ html {
--native-titlebar-background: #ffffff00; --native-titlebar-background: #ffffff00;
} }
#left-pane span.fancytree-node { #left-pane .fancytree-node.tinted {
--custom-color: var(--light-theme-custom-color); --custom-color: var(--light-theme-custom-color);
} }

View File

@@ -268,7 +268,7 @@
* Dark color scheme tweaks * Dark color scheme tweaks
*/ */
#left-pane span.fancytree-node { #left-pane .fancytree-node.tinted {
--custom-color: var(--dark-theme-custom-color); --custom-color: var(--dark-theme-custom-color);
/* The background color of the active item in the note tree. /* The background color of the active item in the note tree.

View File

@@ -263,7 +263,7 @@
--ck-editor-toolbar-dropdown-button-open-background: #0000000f; --ck-editor-toolbar-dropdown-button-open-background: #0000000f;
} }
#left-pane span.fancytree-node { #left-pane .fancytree-node.tinted {
--custom-color: var(--light-theme-custom-color); --custom-color: var(--light-theme-custom-color);
/* The background color of the active item in the note tree. /* The background color of the active item in the note tree.

View File

@@ -905,7 +905,7 @@ export default class NoteTreeWidget extends NoteContextAwareWidget {
const colorClass = note.getColorClass(); const colorClass = note.getColorClass();
if (colorClass) { if (colorClass) {
extraClasses.push(colorClass); extraClasses.push(...["tinted", colorClass]);
} }
return extraClasses.join(" "); return extraClasses.join(" ");