Adjust danger and success button styles
authorAdam Dullage <redacted>
Wed, 3 Jul 2024 19:24:52 +0000 (20:24 +0100)
committerAdam Dullage <redacted>
Wed, 3 Jul 2024 19:24:52 +0000 (20:24 +0100)
client/components/CustomButton.vue
tailwind.config.js

index fb493f89867bf8d62a5d1b067c9717d1a3ef966f..0bddb5593cea5e79106cb873559846f2925de568 100644 (file)
@@ -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',
     }"
   >
index 5b67b072bcf2d90bf41d3114e31ae49a920166fa..100e8fad54c74843cec1e42cffa754b04d389771 100644 (file)
@@ -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
git clone https://git.99rst.org/PROJECT