♿️(frontend) use higher contrast red for white text backgrounds
Replace current red with higher contrast variant when used as background with white text to meet accessibility contrast requirements. Improves readability for all users.
This commit is contained in:
committed by
aleb_the_flash
parent
86cb10a3c7
commit
ae920c0c9b
@@ -19,7 +19,7 @@ export const MutedMicIndicator = ({
|
||||
}
|
||||
|
||||
return (
|
||||
<Div padding={0.25} backgroundColor="red" borderRadius="4px">
|
||||
<Div padding={0.25} backgroundColor="#E1000F" borderRadius="4px">
|
||||
<RiMicOffFill size={16} color="white" />
|
||||
</Div>
|
||||
)
|
||||
|
||||
@@ -48,7 +48,7 @@ export const ChatToggle = ({
|
||||
right: '-.25rem',
|
||||
width: '1rem',
|
||||
height: '1rem',
|
||||
backgroundColor: 'red',
|
||||
backgroundColor: '#E1000F',
|
||||
borderRadius: '50%',
|
||||
zIndex: 1,
|
||||
border: '2px solid #d1d5db',
|
||||
|
||||
Reference in New Issue
Block a user