From 11618260cf6ab0201dd3ff0a4a3b0c63a9719410 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sun, 30 Nov 2025 20:18:16 +0200
Subject: [PATCH] style/calendar collection: tweak the appearance of events
 without a color

---
 apps/client/src/stylesheets/theme-next-dark.css        |  1 +
 apps/client/src/stylesheets/theme-next-light.css       |  1 +
 apps/client/src/widgets/collections/calendar/index.css | 10 ++++++----
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
index 28f42c218..1565fe1e8 100644
--- a/apps/client/src/stylesheets/theme-next-dark.css
+++ b/apps/client/src/stylesheets/theme-next-dark.css
@@ -273,6 +273,7 @@
 
     --calendar-coll-event-background-saturation: 12%;
     --calendar-coll-event-background-lightness: 21%;
+    --calendar-coll-event-background-color: #3c3c3c;
     --calendar-coll-event-text-color: white;
     --calendar-cell-event-hover-filter: brightness(1.25);
 }
diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css
index 9fe9b53fe..423ef8d52 100644
--- a/apps/client/src/stylesheets/theme-next-light.css
+++ b/apps/client/src/stylesheets/theme-next-light.css
@@ -271,6 +271,7 @@
 
     --calendar-coll-event-background-lightness: 95%;
     --calendar-coll-event-background-saturation: 80%;
+    --calendar-coll-event-background-color: #eaeaea;
     --calendar-coll-event-text-color: black;
     --calendar-cell-event-hover-filter: brightness(.95) saturate(1.25);
 }
diff --git a/apps/client/src/widgets/collections/calendar/index.css b/apps/client/src/widgets/collections/calendar/index.css
index b950cd8d4..60886f716 100644
--- a/apps/client/src/widgets/collections/calendar/index.css
+++ b/apps/client/src/widgets/collections/calendar/index.css
@@ -79,25 +79,27 @@ body.desktop:not(.zen) .calendar-view .calendar-header {
 
 .calendar-view {
     --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-daygrid-event {
+    border: unset;
+    border-left: 4px solid;
+    padding-left: 8px;
     font-weight: 500;
 }
 
 .calendar-view a.fc-timegrid-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);
 }
 
 .fc-timegrid-event.with-hue, .fc-daygrid-event:not(.fc-daygrid-dot-event).with-hue {
     --fc-event-text-color: var(--custom-color);
 
-    border: unset;
-    border-left: 4px solid;
-    padding-left: 8px;
     background: hsl(var(--custom-color-hue),
                     var(--calendar-coll-event-background-saturation),
                     var(--calendar-coll-event-background-lightness)) !important;