From: Adam Dullage <redacted>
Date: Wed, 3 Jul 2024 19:24:52 +0000 (+0100)
Subject: Adjust danger and success button styles
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=464f73fbaf953e8fa1ebc251282aa529fb54d466;p=flatnotes.git

Adjust danger and success button styles
---

diff --git a/client/components/CustomButton.vue b/client/components/CustomButton.vue
index fb493f8..0bddb55 100644
--- 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 5b67b07..100e8fa 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -28,7 +28,7 @@ export default {
         "theme-shadow": "rgb(var(--theme-shadow) / <alpha-value>)",
         "theme-border": "rgb(var(--theme-border) / <alpha-value>)",
         // Static
-        "theme-success": colors.emerald[500],
+        "theme-success": colors.emerald[600],
         "theme-danger": colors.rose[600],
       },
     },