Fix status badge background making text invisible

The badge() style function used rgb-to-rgba string replacement for
the background, which doesn't work with hex colors. Hex colors passed
through unchanged as opaque backgrounds, hiding the text. Use hex
alpha notation (color + '26' = ~15% opacity) instead.
This commit is contained in:
Jordan Ramos
2026-05-22 13:59:20 -06:00
parent fd144966b7
commit e2fae896dc

View File

@@ -99,7 +99,7 @@ const STYLES = {
fontSize: '0.7rem',
fontWeight: 600,
border: `1px solid ${color}`,
background: color.replace(')', ', 0.15)').replace('rgb', 'rgba'),
background: `${color}26`,
color: color,
}),
modal: {