Fix progress bar accent colour (#3180)

benjaminleonard · web-flow · commit a3b47575e630 · 2026-04-14T13:08:40.000Z
Latest design system update means`bg-accent` is now `bg-accent-inverse`. Confusing change? Yes, but semantically much better now. <img width="1360" height="1216" alt="image" src="https://github.com/user-attachments/assets/fdccc888-7fcb-419c-9c19-f46b3c4f040f" />
diff --git a/app/ui/lib/Progress.tsx b/app/ui/lib/Progress.tsx
@@ -25,7 +25,7 @@ export const Progress = (props: ProgressProps) => (
     {...ariaLabel(props)}
   >
     <div
-      className="bg-accent h-1 rounded-[1px]"
+      className="bg-accent-inverse h-1 rounded-[1px]"
       style={{
         width: `${props.value}%`,
         transition:

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ export const Progress = (props: ProgressProps) => (`
`25`	`25`	`{...ariaLabel(props)}`
`26`	`26`	`>`
`27`	`27`	`<div`
`28`		`- className="bg-accent h-1 rounded-[1px]"`
	`28`	`+ className="bg-accent-inverse h-1 rounded-[1px]"`
`29`	`29`	`style={{`
`30`	`30`	width: `${props.value}%`,
`31`	`31`	`transition:`