conference_main/static/conference_main/styles/_schedule.sass

@@ -14,6 +14,18 @@
         &:hover
           backdrop-filter: brightness(80%)
 
+        /* Event favourited styles */
+        &:has(button[data-is-checked="data-is-checked"])
+          backdrop-filter: brightness(125%) saturate(200%)
+          color: var(--color-text-primary)
+
+          &:hover
+            backdrop-filter: brightness(130%) saturate(200%)
+
+          .event-header,
+          .event-speakers
+            // TODO: @web-assets consider adding variables colours grey shades
+            color: hsl(0, 0%, 75%)
 
 =theme-light-schedule
   --event-detail-location-color-l: 35%
@@ -29,6 +41,17 @@
         &:hover
           backdrop-filter: brightness(115%)
 
+        &:has(button[data-is-checked="data-is-checked"])
+          backdrop-filter: brightness(90%) saturate(400%)
+          color: var(--color-text-primary)
+
+          &:hover
+            backdrop-filter: brightness(95%) saturate(400%)
+
+          .event-header,
+          .event-speakers
+            color: hsl(0, 0%, 50%)
+
 \:root,
 [data-theme="light"]
   +theme-light-schedule