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',
|
fontSize: '0.7rem',
|
||||||
fontWeight: 600,
|
fontWeight: 600,
|
||||||
border: `1px solid ${color}`,
|
border: `1px solid ${color}`,
|
||||||
background: color.replace(')', ', 0.15)').replace('rgb', 'rgba'),
|
background: `${color}26`,
|
||||||
color: color,
|
color: color,
|
||||||
}),
|
}),
|
||||||
modal: {
|
modal: {
|
||||||
|
|||||||
Reference in New Issue
Block a user