gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-02 05:24:23 +01:00
Code Issues Actions 10 Packages Projects Releases Wiki Activity

style/calendar collection: use a separate style for archived notes

Browse Source
This commit is contained in:
Adorian Doran 2025-12-01 11:24:39 +02:00
parent 32c16021c4
commit a093862311
3 changed files with 22 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

@ -276,6 +276,7 @@
--calendar-coll-event-background-color: #3c3c3c; --calendar-coll-event-background-color: #3c3c3c;
--calendar-coll-event-text-color: white; --calendar-coll-event-text-color: white;
--calendar-cell-event-hover-filter: brightness(1.25); --calendar-cell-event-hover-filter: brightness(1.25);
--callendar-coll-event-archived-sripe-color: #00000026;
--calendar-coll-today-background-color: #ffffff08; --calendar-coll-today-background-color: #ffffff08;
} }

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

@ -274,6 +274,7 @@
--calendar-coll-event-background-color: #eaeaea; --calendar-coll-event-background-color: #eaeaea;
--calendar-coll-event-text-color: black; --calendar-coll-event-text-color: black;
--calendar-cell-event-hover-filter: brightness(.95) saturate(1.25); --calendar-cell-event-hover-filter: brightness(.95) saturate(1.25);
--callendar-coll-event-archived-sripe-color: #0000000a;
--calendar-coll-today-background-color: #00000006; --calendar-coll-today-background-color: #00000006;
} }

22
apps/client/src/widgets/collections/calendar/index.css
View File

@ -5,6 +5,7 @@
--calendar-coll-event-background-color: var(--accented-background-color); --calendar-coll-event-background-color: var(--accented-background-color);
--calendar-coll-event-text-color: var(--primary-button-text-color); --calendar-coll-event-text-color: var(--primary-button-text-color);
--calendar-cell-event-hover-filter: none; --calendar-cell-event-hover-filter: none;
--callendar-coll-event-archived-sripe-color: #0000000d;
--calendar-coll-today-background-color: var(--more-accented-background-color); --calendar-coll-today-background-color: var(--more-accented-background-color);
} }
@ -53,7 +54,23 @@
} }
.calendar-container a.fc-event.archived { .calendar-container a.fc-event.archived {
opacity: 0.5; opacity: .65;
}
.calendar-container a.fc-event.archived::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
--c1: transparent;
--c2: var(--callendar-coll-event-archived-sripe-color);
background: repeating-linear-gradient(45deg, var(--c1), var(--c1) 8px,
var(--c2) 8px, var(--c2) 16px) !important;
} }
.calendar-container .fc-button { .calendar-container .fc-button {
@ -133,13 +150,14 @@ body.desktop:not(.zen) .calendar-view .calendar-header {
border-color: var(--fc-event-text-color); border-color: var(--fc-event-text-color);
text-decoration: none; text-decoration: none;
color: currentColor; color: currentColor;
opacity: 1;
} }
.calendar-view .fc-timegrid-event.with-hue, .calendar-view .fc-timegrid-event.with-hue,
.calendar-view .fc-daygrid-event.with-hue { .calendar-view .fc-daygrid-event.with-hue {
--fc-event-text-color: var(--custom-color); --fc-event-text-color: var(--custom-color);
background: hsl(var(--custom-color-hue), --fc-event-bg-color: hsl(var(--custom-color-hue),
var(--calendar-coll-event-background-saturation), var(--calendar-coll-event-background-saturation),
var(--calendar-coll-event-background-lightness)) !important; var(--calendar-coll-event-background-lightness)) !important;
} }