aboutsummaryrefslogtreecommitdiff
path: root/src/ui/c-button/c-button.theme.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/ui/c-button/c-button.theme.ts')
-rw-r--r--src/ui/c-button/c-button.theme.ts16
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),
}),
},
};