From b00a0fd33bd4a6f0b346ba1f91e839fbb7bf37ac Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Wed, 28 Oct 2026 04:18:34 +0100
Subject: [PATCH] fix: draw the invitation banner, warnings, priority flags and
 status dots in theme colours

---
 components/calendar/event-detail-popover.tsx     |  2 +-
 components/calendar/event-modal.tsx              | 10 +++++-----
 components/calendar/participant-availability.tsx |  6 +++---
 components/calendar/task-list-view.tsx           |  8 ++++----
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/components/calendar/event-detail-popover.tsx b/components/calendar/event-detail-popover.tsx
index 18f1073ca..72d2e7c1a 100644
--- a/components/calendar/event-detail-popover.tsx
+++ b/components/calendar/event-detail-popover.tsx
@@ -413,7 +413,7 @@ export function EventDetailPopover({
             </span>
           )}
           {event.status === "cancelled" && (
-            <span className="mt-1 inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400 line-through">
+            <span className="mt-1 inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-destructive/10 text-red-600 dark:text-red-400 line-through">
               {t("detail.cancelled")}
             </span>
           )}
diff --git a/components/calendar/event-modal.tsx b/components/calendar/event-modal.tsx
index 509eccb1c..88ef45777 100644
--- a/components/calendar/event-modal.tsx
+++ b/components/calendar/event-modal.tsx
@@ -979,13 +979,13 @@ export function EventModal({
 
         <div className="flex-1 overflow-y-auto">
           <div className="px-6 py-4 space-y-3">
-            <div className="flex items-start gap-3 rounded-lg border border-blue-200 dark:border-blue-800 bg-blue-50 dark:bg-blue-950/50 px-4 py-3">
-              <CalendarDays className="w-5 h-5 text-blue-600 dark:text-blue-400 mt-0.5 flex-shrink-0" />
+            <div className="flex items-start gap-3 rounded-lg border border-primary/30 bg-primary/5 px-4 py-3">
+              <CalendarDays className="w-5 h-5 text-primary mt-0.5 flex-shrink-0" />
               <div className="text-sm">
-                <p className="font-medium text-blue-900 dark:text-blue-200">
+                <p className="font-medium text-foreground">
                   {t("participants.invited_by", { name: organizerInfo?.name || organizerInfo?.email || t("participants.organizer") })}
                 </p>
-                <p className="text-blue-700 dark:text-blue-400 mt-0.5">
+                <p className="text-muted-foreground mt-0.5">
                   {t("participants.respond_below")}
                 </p>
               </div>
@@ -1470,7 +1470,7 @@ export function EventModal({
                       ? 'text-sm rounded-md border border-destructive/50 bg-destructive/10 text-destructive px-3 py-2'
                       : w.severity === 'info'
                         ? 'text-sm rounded-md border border-border bg-muted/40 text-muted-foreground px-3 py-2'
-                        : 'text-sm rounded-md border border-yellow-500/50 bg-yellow-500/10 text-yellow-700 dark:text-yellow-300 px-3 py-2'
+                        : 'text-sm rounded-md border border-warning/50 bg-warning/10 text-amber-600 dark:text-amber-400 px-3 py-2'
                   }
                   title={w.message}
                 >
diff --git a/components/calendar/participant-availability.tsx b/components/calendar/participant-availability.tsx
index 63bba121f..fa1def251 100644
--- a/components/calendar/participant-availability.tsx
+++ b/components/calendar/participant-availability.tsx
@@ -181,9 +181,9 @@ export function ParticipantAvailability({ attendees, start, end }: ParticipantAv
             <span
               className={cn(
                 "inline-block h-2 w-2 shrink-0 rounded-full",
-                status === "free" && "bg-emerald-500",
-                status === "busy" && "bg-red-500",
-                status === "tentative" && "bg-amber-500",
+                status === "free" && "bg-success",
+                status === "busy" && "bg-destructive",
+                status === "tentative" && "bg-warning",
                 (status === "no_busy_times" || status === "unknown" || status === "error" || status === "checking") && "bg-muted-foreground/40",
               )}
               aria-hidden="true"
diff --git a/components/calendar/task-list-view.tsx b/components/calendar/task-list-view.tsx
index a00d12278..87c4d4d51 100644
--- a/components/calendar/task-list-view.tsx
+++ b/components/calendar/task-list-view.tsx
@@ -23,9 +23,9 @@ interface TaskListViewProps {
 }
 
 function getTaskPriorityIcon(priority: number) {
-  if (priority >= 1 && priority <= 4) return <Flag className="h-3.5 w-3.5 text-red-500" />;
-  if (priority === 5) return <Flag className="h-3.5 w-3.5 text-orange-500" />;
-  if (priority >= 6 && priority <= 9) return <Flag className="h-3.5 w-3.5 text-gray-400" />;
+  if (priority >= 1 && priority <= 4) return <Flag className="h-3.5 w-3.5 text-red-600 dark:text-red-400" />;
+  if (priority === 5) return <Flag className="h-3.5 w-3.5 text-amber-600 dark:text-amber-400" />;
+  if (priority >= 6 && priority <= 9) return <Flag className="h-3.5 w-3.5 text-muted-foreground" />;
   return null;
 }
 
@@ -38,7 +38,7 @@ function getDueDateLabel(due: string, showWithoutTime: boolean, t: ReturnType<ty
   if (isDisplayToday(dueDate)) {
     return {
       label: t("tasks.due_today"),
-      className: "text-blue-600 dark:text-blue-400",
+      className: "text-primary",
     };
   }
   if (isTomorrow(dueDate)) {