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:
@@ -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: {
|
||||
|
||||
Reference in New Issue
Block a user