From 3d74474f6cf825d3ef37b40dc7af0037e26a3bf9 Mon Sep 17 00:00:00 2001
From: Chris Deeming <chris@xenforo.com>
Date: Mon, 10 Aug 2026 04:26:45 +0100
Subject: [PATCH] fix(web): update pills use readable theme foregrounds (#5938)

---
 apps/web/src/components/sidebar/SidebarProviderUpdatePill.tsx | 2 +-
 apps/web/src/components/sidebar/SidebarUpdatePill.tsx         | 4 ++--
 apps/web/src/index.css                                        | 2 +-
 apps/web/src/themePalette.ts                                  | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/components/sidebar/SidebarProviderUpdatePill.tsx b/apps/web/src/components/sidebar/SidebarProviderUpdatePill.tsx
index 6e490f4352c4fd37c2fd2429c92211d46221c0b6..421934b98a15166f70692e62ebea4f2f1f683a4a 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 f113e0fc943e67f26c72cd0c4ae516fedc801f9e..89dd795d8ff0b48842141116fbc3da65a6220c3f 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" />
diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index 0b1cae8c5c7c67cff662ffef31963507895e21dd..72983930aafb1a3d2e7e5b50fb590a530ba3bc6e 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 2f6fb0434545d896ac7d931de7cd499be84d9673..686201fa2d927f7f95595bf09a88d0f9c76affe2 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",
-- 
2.54.0