add danger button hover styles

This commit is contained in:
Ramón Souza 2023-11-07 10:07:30 -03:00
parent 3de1cfed29
commit fd8f0bddab
2 changed files with 4 additions and 0 deletions

View File

@ -42,6 +42,7 @@ import {
btnDangerBorder,
btnDangerColor,
btnDangerBg,
btnDangerBgHover,
btnDarkBorder,
btnDarkColor,
btnDarkBg,
@ -924,6 +925,7 @@ const Button = styled(BaseButton)`
&:hover,
.buttonWrapper:hover & {
color: ${btnDangerColor};
background-color: ${btnDangerBgHover};
}
`}

View File

@ -64,6 +64,7 @@ const btnWarningBg = `var(--btn-warning-bg, ${colorWarning})`;
const btnDangerBorder = `var(--btn-danger-border, ${colorDanger})`;
const btnDangerColor = `var(--btn-danger-color, ${colorWhite})`;
const btnDangerBg = `var(--btn-danger-bg, ${colorDanger})`;
const btnDangerBgHover = 'var(--btn-danger-bg-hover, #C61C1C)';
const btnDarkBorder = `var(--btn-dark-border, ${colorDanger})`;
const btnDarkColor = `var(--btn-dark-color, ${colorWhite})`;
@ -171,6 +172,7 @@ export {
btnDangerBorder,
btnDangerColor,
btnDangerBg,
btnDangerBgHover,
btnDarkBorder,
btnDarkColor,
btnDarkBg,