Adjust danger and success button styles

diff --git a/client/components/CustomButton.vue b/client/components/CustomButton.vue
index fb493f89867bf8d62a5d1b067c9717d1a3ef966f..0bddb5593cea5e79106cb873559846f2925de568 100644 (file)
--- a/client/components/CustomButton.vue
+++ b/client/components/CustomButton.vue
@@ -6,9 +6,9 @@
         style === 'subtle',
       'border bg-theme-background hover:bg-theme-background-elevated':
         style === 'cta',
-      'bg-theme-danger text-slate-50 hover:bg-theme-danger/80':
+      'border border-theme-danger text-theme-danger hover:bg-theme-danger/10':
         style === 'danger',
-      'bg-theme-success text-slate-50 hover:bg-theme-success/80':
+      'border border-theme-success text-theme-success hover:bg-theme-success/10':
         style === 'success',
     }"
   >

diff --git a/tailwind.config.js b/tailwind.config.js
index 5b67b072bcf2d90bf41d3114e31ae49a920166fa..100e8fad54c74843cec1e42cffa754b04d389771 100644 (file)
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -28,7 +28,7 @@ export default {
         "theme-shadow": "rgb(var(--theme-shadow) / <alpha-value>)",\r
         "theme-border": "rgb(var(--theme-border) / <alpha-value>)",\r
         // Static\r
-        "theme-success": colors.emerald[500],\r
+        "theme-success": colors.emerald[600],\r
         "theme-danger": colors.rose[600],\r
       },\r
     },\r