gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-01-11 09:04:28 +01:00
Code Issues Actions 15 Packages Projects Releases Wiki Activity

style/note icon: add hover effect for custom colors

Browse Source
This commit is contained in:
Adorian Doran 2025-12-19 01:21:52 +02:00
parent 7cfc67cf9f
commit 5bcec9fcfd
3 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/client/src/stylesheets/theme-next-dark.css
View File

@ -329,4 +329,5 @@ body .todo-list input[type="checkbox"]:not(:checked):before {
.note-split.with-hue {
--note-icon-custom-background-color: hsl(var(--custom-color-hue), 15.8%, 30.9%);
--note-icon-custom-color: hsl(var(--custom-color-hue), 100%, 76.5%);
--note-icon-hover-custom-background-color: hsl(var(--custom-color-hue), 28.3%, 36.7%);
}

2
apps/client/src/stylesheets/theme-next-light.css
View File

@ -304,5 +304,5 @@
*/
--note-icon-custom-background-color: hsl(var(--custom-color-hue), 44.5%, 43.1%);
--note-icon-custom-color: hsl(var(--custom-color-hue), 91.3%, 91%);
--note-icon-hover-custom-background-color: hsl(var(--custom-color-hue), 55.1%, 50.2%);
}

2
apps/client/src/widgets/note_icon.css
View File

@ -107,7 +107,7 @@ body.experimental-feature-new-layout {
}
&:hover:not(.bx-empty:disabled)::after {
background: var(--note-icon-button-hover-background-color);
background: var(--note-icon-hover-custom-background-color, --note-icon-button-hover-background-color);
transition: background 200ms ease-out;
}
}