diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
index ba3801b76..bd8cbb906 100644
--- a/apps/client/src/stylesheets/theme-next-dark.css
+++ b/apps/client/src/stylesheets/theme-next-dark.css
@@ -276,6 +276,7 @@
     --calendar-coll-event-background-color: #3c3c3c;
     --calendar-coll-event-text-color: white;
     --calendar-cell-event-hover-filter: brightness(1.25);
+    --callendar-coll-event-archived-sripe-color: #00000026;
     --calendar-coll-today-background-color: #ffffff08;
 }
 
diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css
index 0afc61e7b..9c26401ec 100644
--- a/apps/client/src/stylesheets/theme-next-light.css
+++ b/apps/client/src/stylesheets/theme-next-light.css
@@ -274,6 +274,7 @@
     --calendar-coll-event-background-color: #eaeaea;
     --calendar-coll-event-text-color: black;
     --calendar-cell-event-hover-filter: brightness(.95) saturate(1.25);
+    --callendar-coll-event-archived-sripe-color: #0000000a;
     --calendar-coll-today-background-color: #00000006;
 }
 
diff --git a/apps/client/src/widgets/collections/calendar/index.css b/apps/client/src/widgets/collections/calendar/index.css
index 1717cba60..773625d56 100644
--- a/apps/client/src/widgets/collections/calendar/index.css
+++ b/apps/client/src/widgets/collections/calendar/index.css
@@ -5,6 +5,7 @@
     --calendar-coll-event-background-color: var(--accented-background-color);
     --calendar-coll-event-text-color: var(--primary-button-text-color);
     --calendar-cell-event-hover-filter: none;
+    --callendar-coll-event-archived-sripe-color: #0000000d;
     --calendar-coll-today-background-color: var(--more-accented-background-color);
 }
 
@@ -53,7 +54,23 @@
 }
 
 .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 {
@@ -133,13 +150,14 @@ body.desktop:not(.zen) .calendar-view .calendar-header {
     border-color: var(--fc-event-text-color);
     text-decoration: none;
     color: currentColor;
+    opacity: 1;
 }
 
 .calendar-view .fc-timegrid-event.with-hue,
 .calendar-view .fc-daygrid-event.with-hue {
     --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-lightness)) !important;
 }