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.ts12
1 files changed, 12 insertions, 0 deletions
diff --git a/src/ui/c-button/c-button.theme.ts b/src/ui/c-button/c-button.theme.ts
index 5b4c26f..e2e1591 100644
--- a/src/ui/c-button/c-button.theme.ts
+++ b/src/ui/c-button/c-button.theme.ts
@@ -61,6 +61,12 @@ const createTheme = ({ style }: { style: 'light' | 'dark' }) => {
hoverBackground: lighten(theme.warning.colorFaded, 30),
pressedBackground: darken(theme.warning.colorFaded, 30),
}),
+ error: createState({
+ textColor: theme.error.color,
+ backgroundColor: theme.error.colorFaded,
+ hoverBackground: lighten(theme.error.colorFaded, 30),
+ pressedBackground: darken(theme.error.colorFaded, 30),
+ }),
},
text: {
default: createState({
@@ -81,6 +87,12 @@ const createTheme = ({ style }: { style: 'light' | 'dark' }) => {
hoverBackground: theme.warning.colorFaded,
pressedBackground: darken(theme.warning.colorFaded, 30),
}),
+ error: createState({
+ textColor: darken(theme.error.color, 20),
+ backgroundColor: 'transparent',
+ hoverBackground: theme.error.colorFaded,
+ pressedBackground: darken(theme.error.colorFaded, 30),
+ }),
},
};
};