gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-02-19 04:04:24 +01:00
Code Issues Actions 20 Packages Projects Releases Wiki Activity

ui/grid view: add support for colored notes
Some checks are pending
Checks / main (push) Waiting to run
Details

Browse Source
This commit is contained in:
Adorian Doran 2026-02-18 10:29:41 +02:00
parent 75c7d55e01
commit 419e87b0de
5 changed files with 13 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -314,7 +314,8 @@
*/
#left-pane .fancytree-node.tinted,
.nested-note-list-item.use-note-color {
.nested-note-list-item.use-note-color,
.note-book-card.use-note-color {
--custom-color: var(--dark-theme-custom-color);
/* The background color of the active item in the note tree.

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

@ -308,7 +308,8 @@
}
#left-pane .fancytree-node.tinted,
.nested-note-list-item.use-note-color {
.nested-note-list-item.use-note-color,
.note-book-card.use-note-color {
--custom-color: var(--light-theme-custom-color);
/* The background color of the active item in the note tree.

4
apps/client/src/stylesheets/theme-next/base.css
View File

@ -727,10 +727,6 @@ li.dropdown-item a.dropdown-item-button:focus-visible {
margin-bottom: 0;
}
.note-list-wrapper .note-book-card .tn-icon {
color: var(--left-pane-icon-color) !important;
}
.note-list.grid-view .note-book-card:hover {
filter: contrast(105%);
}

16
apps/client/src/widgets/collections/legacy/ListOrGridView.css
View File

@ -124,6 +124,14 @@
margin-inline-start: 8px;
flex-shrink: 0;
}
&.use-note-color {
span.tn-icon + span,
.tn-icon,
.rendered-note-attributes {
color: var(--custom-color);
}
}
}
/* #region List view */
@ -178,14 +186,6 @@
opacity: .6;
}
}
&.use-note-color {
span.tn-icon + span,
.nested-note-list:not(.search-results) & .tn-icon,
.rendered-note-attributes {
color: var(--custom-color);
}
}
}
.nested-note-list:not(.search-results) h5 {

2
apps/client/src/widgets/collections/legacy/ListOrGridView.tsx
View File

@ -156,7 +156,7 @@ function GridNoteCard(props: GridNoteCardProps) {
const notePath = getNotePath(props.parentNote, props.note);
return (
<div className={clsx("note-book-card", "no-tooltip-preview", "block-link", {
<div className={clsx("note-book-card", "no-tooltip-preview", "block-link", props.note.getColorClass(), {
"archived": props.note.isArchived
})}
data-href={`#${notePath}`}