| author |  Chris Deeming <chris@xenforo.com> 2026-08-10 04:26:45+01:00 |
| committer |  GitHub <noreply@github.com> 2026-08-09 23:26:45-04:00 |
| log | 3d74474f6cf825d3ef37b40dc7af0037e26a3bf9 |
| tree | 4cdb85a8937985a0f931bcb04f2c00b2a5b6bc35 |
| parent | f0e2975180a85004e0d2604e3aa4125ed8bddb24 |
| signature | Signed by PGP key B5690EEEBB952194 |
fix(web): update pills use readable theme foregrounds (#5938)
4 files changed, 5 insertions(+), 5 deletions(-)
apps
web
src
components
- index.css
- themePalette.ts
apps/web/src/components/sidebar/SidebarProviderUpdatePill.tsx+1-1
| ... | @@ -13,7 +13,7 @@ import { Tooltip, TooltipPopup, TooltipTrigger } from "../ui/tooltip"; | ... | @@ -13,7 +13,7 @@ import { Tooltip, TooltipPopup, TooltipTrigger } from "../ui/tooltip"; |
| 13 | 13 | ||
| 14 | const PROVIDER_UPDATE_PILL_STYLES = { | 14 | const PROVIDER_UPDATE_PILL_STYLES = { |
| 15 | loading: | 15 | loading: |
| 16 | "bg-update-surface text-update group-has-[button.provider-update-main:hover]/provider-update:bg-update/22", | 16 | "bg-update-surface text-update-foreground group-has-[button.provider-update-main:hover]/provider-update:bg-update/22", |
| 17 | success: | 17 | success: |
| 18 | "bg-success/12 text-success group-has-[button.provider-update-main:hover]/provider-update:bg-success/18", | 18 | "bg-success/12 text-success group-has-[button.provider-update-main:hover]/provider-update:bg-success/18", |
| 19 | warning: | 19 | warning: |
apps/web/src/components/sidebar/SidebarUpdatePill.tsx+2-2
| ... | @@ -159,7 +159,7 @@ export function SidebarUpdatePill() { | ... | @@ -159,7 +159,7 @@ export function SidebarUpdatePill() { |
| 159 | )} | 159 | )} |
| 160 | {visible && ( | 160 | {visible && ( |
| 161 | <div | 161 | <div |
| 162 | className={`group/update relative flex h-7 w-full items-center rounded-lg bg-update-surface text-xs font-medium text-update ${ | 162 | className={`group/update relative flex h-7 w-full items-center rounded-lg bg-update-surface text-xs font-medium text-update-foreground ${ |
| 163 | disabled ? " cursor-not-allowed opacity-60" : "" | 163 | disabled ? " cursor-not-allowed opacity-60" : "" |
| 164 | }`} | 164 | }`} |
| 165 | > | 165 | > |
| ... | @@ -224,7 +224,7 @@ export function SidebarUpdatePill() { | ... | @@ -224,7 +224,7 @@ export function SidebarUpdatePill() { |
| 224 | <button | 224 | <button |
| 225 | type="button" | 225 | type="button" |
| 226 | aria-label="Dismiss update" | 226 | aria-label="Dismiss update" |
| 227 | className="mr-1 inline-flex size-5 items-center justify-center rounded-md text-update/60 transition-colors hover:text-update" | 227 | className="mr-1 inline-flex size-5 items-center justify-center rounded-md text-update-foreground transition-colors" |
| 228 | onClick={() => setDismissed(true)} | 228 | onClick={() => setDismissed(true)} |
| 229 | > | 229 | > |
| 230 | <XIcon className="size-3.5" /> | 230 | <XIcon className="size-3.5" /> |
apps/web/src/index.css+1-1
| ... | @@ -975,7 +975,7 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil | ... | @@ -975,7 +975,7 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil |
| 975 | --warning-foreground: var(--color-amber-400); | 975 | --warning-foreground: var(--color-amber-400); |
| 976 | --warning-surface: color-mix(in srgb, var(--warning) 16%, transparent); | 976 | --warning-surface: color-mix(in srgb, var(--warning) 16%, transparent); |
| 977 | --update: var(--primary); | 977 | --update: var(--primary); |
| 978 | --update-foreground: var(--primary); | 978 | --update-foreground: var(--color-blue-400); |
| 979 | --update-surface: color-mix(in srgb, var(--update) 18%, transparent); | 979 | --update-surface: color-mix(in srgb, var(--update) 18%, transparent); |
| 980 | --sidebar: var(--card); | 980 | --sidebar: var(--card); |
| 981 | --sidebar-foreground: var(--foreground); | 981 | --sidebar-foreground: var(--foreground); |
apps/web/src/themePalette.ts+1-1
| ... | @@ -566,7 +566,7 @@ const T3_CODE_DARK_THEME_COLORS: ThemeColors = { | ... | @@ -566,7 +566,7 @@ const T3_CODE_DARK_THEME_COLORS: ThemeColors = { |
| 566 | warningForeground: "#ffb900", | 566 | warningForeground: "#ffb900", |
| 567 | warningSurface: "#312108", | 567 | warningSurface: "#312108", |
| 568 | update: "#366ffb", | 568 | update: "#366ffb", |
| 569 | updateForeground: "#366ffb", | 569 | updateForeground: "#51a2ff", |
| 570 | updateSurface: "#121c35", | 570 | updateSurface: "#121c35", |
| 571 | accentSurface: "#141414", | 571 | accentSurface: "#141414", |
| 572 | accentSurfaceForeground: "#f5f5f5", | 572 | accentSurfaceForeground: "#f5f5f5", |