opensource/coder
3
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-09-22 05:05:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(site): use highlight-orange for warning badge text and border (#24674)

Browse Source 
## Summary

Fixes the warning badge color in light mode by switching text and border
tokens from `content-warning`/`border-warning` to `highlight-orange`.

## What changed

The `warning` variant in `Badge` was the only colored badge variant not
using the `highlight-*` token pattern:

| Variant | Before | After |
|---|---|---|
| warning (text) | `text-content-warning` | `text-highlight-orange` |
| warning (border) | `border-border-warning` | `border-highlight-orange`
|

In light mode, `content-warning` (HSL 27 96% 61%) produced a washed-out
orange. `highlight-orange` (HSL 30 100% 32%) gives a darker, more
legible result that matches the screenshot in the issue.

> [!NOTE]
> This PR was authored by Coder Agents.
This commit is contained in:
TJ
2026-04-23 08:41:59 -07:00
committed by GitHub
parent 50dbb3d2cb
commit e56b409873
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/Badge/Badge.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const badgeVariants = cva(
default:
"border-surface-secondary bg-surface-secondary text-content-secondary shadow",
warning:
"border-border-warning bg-surface-orange text-content-warning shadow",
"border-highlight-orange bg-surface-orange text-highlight-orange shadow",
destructive:
"border-border-destructive bg-surface-red text-highlight-red shadow",
green: