gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-01 04:54:25 +01:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity

style/calendar collection: tweak the appearance of events without a color

Browse Source
This commit is contained in:
Adorian Doran 2025-11-30 20:18:16 +02:00
parent 63f9006d17
commit 11618260cf
3 changed files with 8 additions and 4 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

@ -273,6 +273,7 @@
--calendar-coll-event-background-saturation: 12%; --calendar-coll-event-background-saturation: 12%;
--calendar-coll-event-background-lightness: 21%; --calendar-coll-event-background-lightness: 21%;
--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);
} }

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

@ -271,6 +271,7 @@
--calendar-coll-event-background-lightness: 95%; --calendar-coll-event-background-lightness: 95%;
--calendar-coll-event-background-saturation: 80%; --calendar-coll-event-background-saturation: 80%;
--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);
} }

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

@ -79,25 +79,27 @@ body.desktop:not(.zen) .calendar-view .calendar-header {
.calendar-view { .calendar-view {
--fc-event-text-color: var(--calendar-coll-event-text-color); --fc-event-text-color: var(--calendar-coll-event-text-color);
--fc-event-bg-color: var(--calendar-coll-event-background-color);
} }
.calendar-view a.fc-timegrid-event, .calendar-view a.fc-timegrid-event,
.calendar-view a.fc-daygrid-event { .calendar-view a.fc-daygrid-event {
border: unset;
border-left: 4px solid;
padding-left: 8px;
font-weight: 500; font-weight: 500;
} }
.calendar-view a.fc-timegrid-event:hover, .calendar-view a.fc-timegrid-event:hover,
.calendar-view a.fc-daygrid-event:hover { .calendar-view a.fc-daygrid-event:hover {
text-decoration: none; text-decoration: none;
border-color: var(--fc-event-text-color);
filter: var(--calendar-cell-event-hover-filter); filter: var(--calendar-cell-event-hover-filter);
} }
.fc-timegrid-event.with-hue, .fc-daygrid-event:not(.fc-daygrid-dot-event).with-hue { .fc-timegrid-event.with-hue, .fc-daygrid-event:not(.fc-daygrid-dot-event).with-hue {
--fc-event-text-color: var(--custom-color); --fc-event-text-color: var(--custom-color);
border: unset;
border-left: 4px solid;
padding-left: 8px;
background: hsl(var(--custom-color-hue), background: 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;