fix(ui): stabilize theme colors and calendar end time

ui/src/lib/api.ts

@@ -1,6 +1,7 @@
 export interface WeddingConfig {
 	siteUrl: string;
 	weddingDate: string;
+	eventEnd: string;
 	ceremonyTime: string;
 	rsvpByDate: string;
 	venueName: string;

ui/src/lib/config.ts

@@ -2,6 +2,7 @@
 // fallback while /api/config loads (and when developing the UI without the Go server).
 export const FALLBACK_SITE_URL = "https://zoeshaldon.warky.info";
 export const FALLBACK_WEDDING_DATE = "2026-11-07T16:00:00+02:00";
+export const FALLBACK_EVENT_END = "2026-11-07T23:30:00+02:00";
 export const FALLBACK_CEREMONY_TIME = "16:00 for 16:30";
 export const FALLBACK_RSVP_BY_DATE = "2026-10-17T00:00:00+02:00";
 export const FALLBACK_VENUE_NAME = "Rivier Plaas Wedding Venue";

ui/src/lib/wedding-info.svelte.ts

@@ -3,6 +3,7 @@ import { fetchConfig } from './api';
 import {
 	FALLBACK_SITE_URL,
 	FALLBACK_WEDDING_DATE,
+	FALLBACK_EVENT_END,
 	FALLBACK_CEREMONY_TIME,
 	FALLBACK_RSVP_BY_DATE,
 	FALLBACK_VENUE_NAME,
@@ -13,6 +14,7 @@ import {
 export function createWeddingInfo() {
 	let siteUrl = $state(FALLBACK_SITE_URL);
 	let date = $state(new Date(FALLBACK_WEDDING_DATE));
+	let eventEnd = $state(new Date(FALLBACK_EVENT_END));
 	let ceremonyTime = $state(FALLBACK_CEREMONY_TIME);
 	let rsvpByDate = $state(new Date(FALLBACK_RSVP_BY_DATE));
 	let venueName = $state(FALLBACK_VENUE_NAME);
@@ -25,6 +27,7 @@ export function createWeddingInfo() {
 			.then((config) => {
 				siteUrl = config.siteUrl;
 				date = new Date(config.weddingDate);
+				eventEnd = new Date(config.eventEnd);
 				ceremonyTime = config.ceremonyTime;
 				rsvpByDate = new Date(config.rsvpByDate);
 				venueName = config.venueName;
@@ -46,6 +49,9 @@ export function createWeddingInfo() {
 		get ceremonyTime() {
 			return ceremonyTime;
 		},
+		get eventEnd() {
+			return eventEnd;
+		},
 		get rsvpByDate() {
 			return rsvpByDate;
 		},

ui/src/routes/+layout.svelte

@@ -128,7 +128,7 @@
     {/if}
   </div>
   <main
-    class="text-shadow-sm text-shadow-white/80 dark:text-shadow-black/70 flex flex-1 flex-col"
+    class="text-surface-900 dark:text-surface-100 text-shadow-sm text-shadow-white/80 dark:text-shadow-black/70 flex flex-1 flex-col"
   >
     {@render children()}
   </main>

ui/src/routes/details/+page.svelte

@@ -8,7 +8,7 @@
   const icsUrl = $derived(
     buildIcsDataUrl({
       start: wedding.date,
-      end: new Date(wedding.date.getTime() + 7.5 * 60 * 60 * 1000),
+      end: wedding.eventEnd,
       summary: "Zoé & Shaldon's Wedding",
       location: `${wedding.venueName}, ${wedding.venueAddress}`,
       description: `Join us as we say I do! ${wedding.ceremonyTime}.`,