diff options
Diffstat (limited to 'src/ui/c-button/c-button.theme.ts')
-rw-r--r-- | src/ui/c-button/c-button.theme.ts | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/ui/c-button/c-button.theme.ts b/src/ui/c-button/c-button.theme.ts index e96ac56..5b4c26f 100644 --- a/src/ui/c-button/c-button.theme.ts +++ b/src/ui/c-button/c-button.theme.ts @@ -56,10 +56,10 @@ const createTheme = ({ style }: { style: 'light' | 'dark' }) => { pressedBackground: darken(theme.primary.colorFaded, 30), }), warning: createState({ - textColor: theme.text.baseColor, - backgroundColor: theme.warning.color, - hoverBackground: theme.warning.colorHover, - pressedBackground: theme.warning.colorPressed, + textColor: theme.warning.color, + backgroundColor: theme.warning.colorFaded, + hoverBackground: lighten(theme.warning.colorFaded, 30), + pressedBackground: darken(theme.warning.colorFaded, 30), }), }, text: { @@ -76,10 +76,10 @@ const createTheme = ({ style }: { style: 'light' | 'dark' }) => { pressedBackground: darken(theme.primary.colorFaded, 30), }), warning: createState({ - textColor: theme.text.baseColor, - backgroundColor: theme.warning.color, - hoverBackground: theme.warning.colorHover, - pressedBackground: theme.warning.colorPressed, + textColor: darken(theme.warning.color, 20), + backgroundColor: 'transparent', + hoverBackground: theme.warning.colorFaded, + pressedBackground: darken(theme.warning.colorFaded, 30), }), }, }; |