change event color to grey for recurring events

Author: FreekBes

client/uis/calendar.ts

@@ -44,6 +44,12 @@ export class CalendarUI {
 		return text;
 	}
 
+	private _greyEvents: string[] = ["bocal q&a", "bocal stand-up", "open hour", "open hour with the student council"];
+	private _isGreyEvent(event: Event42): boolean {
+		// If the name (even only partially) includes any of this._greyEvents, return true
+		return this._greyEvents.some(greyEvent => event.name.toLowerCase().includes(greyEvent));
+	}
+
 	/**
 	 * This function checks if there is still enough space on the screen to fit one more event.
 	 */
@@ -116,7 +122,7 @@ export class CalendarUI {
 		// Main element
 		const calendarEvent = document.createElement('div');
 		calendarEvent.classList.add('calendar-event');
-		calendarEvent.setAttribute("data-event-kind", (event.name.toLowerCase().includes("bocal q&a") ? "standup" : event.kind));
+		calendarEvent.setAttribute("data-event-kind", (this._isGreyEvent(event) ? "recurring" : event.kind));
 		calendarEvent.setAttribute("data-event-id", event.id.toString());
 		calendarEvent.setAttribute("data-event-timestamp", beginDate.getTime().toString());
 

static/css/dark.css

@@ -31,7 +31,7 @@
 	--event-color-default: #00BABC;
 	--event-color-exam: #ED8179;
 	--event-color-association: #7E93D4;
-	--event-color-standup: #8E9C9C; /* Bocal Q&A */
+	--event-color-recurring: #8E9C9C;
 	--event-color-workshop: #39D88F;
 	--event-color-rush: #F2911A;
 	--event-color: var(--event-color-default); /* fallback */

static/css/light.css

@@ -31,7 +31,7 @@
 	--event-color-default: #00BABC;
 	--event-color-exam: #ED8179;
 	--event-color-association: #7E93D4;
-	--event-color-standup: #8E9C9C; /* Bocal Q&A */
+	--event-color-recurring: #8E9C9C;
 	--event-color-workshop: #39D88F;
 	--event-color-rush: #F2911A;
 	--event-color: var(--event-color-default); /* fallback */

static/css/styles.css

@@ -517,8 +517,8 @@ aside {
 	--event-color: var(--event-color-workshop);
 }
 
-[data-event-kind="standup"] {
-	--event-color: var(--event-color-standup);
+[data-event-kind="recurring"] {
+	--event-color: var(--event-color-recurring);
 }
 
 /* ***************************************** */