chore(component): add a danger hover style for buttons (#7600)

Like other delete buttons. https://github.com/user-attachments/assets/85d1c3cb-bd17-4904-b671-c04c76bfd00b
2026-02-13 12:55:00 +00:00 · 2024-07-26 07:30:10 +00:00
parent 1306a3be61
commit 2a2a19fec7
2 changed files with 9 additions and 0 deletions
--- a/packages/frontend/component/src/ui/button/button.css.ts
+++ b/packages/frontend/component/src/ui/button/button.css.ts
@@ -164,6 +164,10 @@ export const button = style({
    '&.processing.disabled:not(.without-hover):hover': {
      background: cssVar('processingColor'),
    },
+    '&.danger:hover': {
+      color: cssVar('errorColor'),
+      background: cssVar('backgroundErrorColor'),
+    },
  },
 });
 globalStyle(`${button} > span`, {
@@ -359,5 +363,9 @@ export const iconButton = style({
    '&.processing.disabled:not(.without-hover):hover': {
      background: cssVar('processingColor'),
    },
+    '&.danger:hover': {
+      color: cssVar('errorColor'),
+      background: cssVar('backgroundErrorColor'),
+    },
  },
 });