From 102fb8d3792650f9f14ea6a3aacb03351a31bfff Mon Sep 17 00:00:00 2001
From: Chris Deeming <chris@xenforo.com>
Date: Mon, 10 Aug 2026 02:14:59 +0100
Subject: [PATCH 1/2] fix(web): use foreground token for update pills

---
 apps/web/src/components/sidebar/SidebarProviderUpdatePill.tsx | 2 +-
 apps/web/src/components/sidebar/SidebarUpdatePill.tsx         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/sidebar/SidebarProviderUpdatePill.tsx b/apps/web/src/components/sidebar/SidebarProviderUpdatePill.tsx
index 6e490f4352c..421934b98a1 100644
--- a/apps/web/src/components/sidebar/SidebarProviderUpdatePill.tsx
+++ b/apps/web/src/components/sidebar/SidebarProviderUpdatePill.tsx
@@ -13,7 +13,7 @@ import { Tooltip, TooltipPopup, TooltipTrigger } from "../ui/tooltip";
 
 const PROVIDER_UPDATE_PILL_STYLES = {
   loading:
-    "bg-update-surface text-update group-has-[button.provider-update-main:hover]/provider-update:bg-update/22",
+    "bg-update-surface text-update-foreground group-has-[button.provider-update-main:hover]/provider-update:bg-update/22",
   success:
     "bg-success/12 text-success group-has-[button.provider-update-main:hover]/provider-update:bg-success/18",
   warning:
diff --git a/apps/web/src/components/sidebar/SidebarUpdatePill.tsx b/apps/web/src/components/sidebar/SidebarUpdatePill.tsx
index f113e0fc943..89dd795d8ff 100644
--- a/apps/web/src/components/sidebar/SidebarUpdatePill.tsx
+++ b/apps/web/src/components/sidebar/SidebarUpdatePill.tsx
@@ -159,7 +159,7 @@ export function SidebarUpdatePill() {
       )}
       {visible && (
         <div
-          className={`group/update relative flex h-7 w-full items-center rounded-lg bg-update-surface text-xs font-medium text-update ${
+          className={`group/update relative flex h-7 w-full items-center rounded-lg bg-update-surface text-xs font-medium text-update-foreground ${
             disabled ? " cursor-not-allowed opacity-60" : ""
           }`}
         >
@@ -224,7 +224,7 @@ export function SidebarUpdatePill() {
                   <button
                     type="button"
                     aria-label="Dismiss update"
-                    className="mr-1 inline-flex size-5 items-center justify-center rounded-md text-update/60 transition-colors hover:text-update"
+                    className="mr-1 inline-flex size-5 items-center justify-center rounded-md text-update-foreground transition-colors"
                     onClick={() => setDismissed(true)}
                   >
                     <XIcon className="size-3.5" />

From 13c0b811ff1a8fac96268a61bfacb9ddfadbf0a7 Mon Sep 17 00:00:00 2001
From: Chris Deeming <chris@xenforo.com>
Date: Mon, 10 Aug 2026 02:15:42 +0100
Subject: [PATCH 2/2] fix(web): improve dark update foreground contrast

---
 apps/web/src/index.css       | 2 +-
 apps/web/src/themePalette.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index 0b1cae8c5c7..72983930aaf 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -975,7 +975,7 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil
     --warning-foreground: var(--color-amber-400);
     --warning-surface: color-mix(in srgb, var(--warning) 16%, transparent);
     --update: var(--primary);
-    --update-foreground: var(--primary);
+    --update-foreground: var(--color-blue-400);
     --update-surface: color-mix(in srgb, var(--update) 18%, transparent);
     --sidebar: var(--card);
     --sidebar-foreground: var(--foreground);
diff --git a/apps/web/src/themePalette.ts b/apps/web/src/themePalette.ts
index 2f6fb043454..686201fa2d9 100644
--- a/apps/web/src/themePalette.ts
+++ b/apps/web/src/themePalette.ts
@@ -566,7 +566,7 @@ const T3_CODE_DARK_THEME_COLORS: ThemeColors = {
   warningForeground: "#ffb900",
   warningSurface: "#312108",
   update: "#366ffb",
-  updateForeground: "#366ffb",
+  updateForeground: "#51a2ff",
   updateSurface: "#121c35",
   accentSurface: "#141414",
   accentSurfaceForeground: "#f5f5f5",