Delete API key button now visible in light mode (#8094)

Closes #7179 
The font color of the button has been set to use
`theme.font.color.danger`. This means that the color will be red
regardless of whether the theme is inverted or not, which was the issue
before.
Merge conflicts have been resolved.
This commit is contained in:
Balaji Krishnamurthy 2024-10-28 18:44:39 +05:30 committed by GitHub
parent f9779c4b5e
commit 288fb1dbda
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -286,9 +286,7 @@ const StyledButton = styled('button', {
: 'none'}; : 'none'};
opacity: ${disabled ? 0.24 : 1}; opacity: ${disabled ? 0.24 : 1};
color: ${!inverted color: ${!inverted
? !disabled ? theme.font.color.danger
? theme.font.color.danger
: theme.color.red20
: theme.font.color.inverted}; : theme.font.color.inverted};
&:hover { &:hover {
background: ${!inverted background: ${!inverted