From abf5629f8070f2f146db9ef679fb1e44fc55a28a Mon Sep 17 00:00:00 2001
From: Phillip Thelen <phillip@habitica.com>
Date: Mon, 29 Jul 2024 16:12:22 +0200
Subject: [PATCH] add styling for warning buttons

---
 website/client/src/assets/scss/button.scss | 25 ++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/website/client/src/assets/scss/button.scss b/website/client/src/assets/scss/button.scss
index 62eb95422f..c7661115dd 100644
--- a/website/client/src/assets/scss/button.scss
+++ b/website/client/src/assets/scss/button.scss
@@ -174,6 +174,31 @@
   }
 }
 
+.btn-warning {
+  background: $yellow-10;
+  border: 1px solid transparent;
+
+  &:hover:not(:disabled):not(.disabled) {
+    background: $yellow-100;
+    border: 1px solid transparent;
+  }
+
+  &:focus {
+    background: $yellow-10;
+    border-color: $purple-400;
+  }
+
+  &:not(:disabled):not(.disabled):active:focus, &:not(:disabled):not(.disabled).active:focus {
+    box-shadow: none;
+    border-color: $purple-400;
+  }
+
+  &:not(:disabled):not(.disabled):active, &:not(:disabled):not(.disabled).active {
+    background: $yellow-10;
+    border: 1px solid transparent;
+  }
+}
+
 .btn-success {
   background: $green-50;
   border: 1px solid transparent;