From 74e442ce8be7072c49940bec148e99f2adcbd7b2 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Sun, 1 Apr 2018 16:03:03 +0200
Subject: [PATCH] Give delete button a warning color

---
 app/styles/_buttons.scss | 22 ++++++++++++++++++++++
 app/styles/_colors.scss  |  1 +
 2 files changed, 23 insertions(+)

diff --git a/app/styles/_buttons.scss b/app/styles/_buttons.scss
index f0e9a59..5768882 100644
--- a/app/styles/_buttons.scss
+++ b/app/styles/_buttons.scss
@@ -30,6 +30,28 @@ header {
       }
     }
 
+    &.delete {
+      border-color: $dark-red;
+      color: $dark-red;
+
+      svg {
+        path {
+          fill: $dark-red;
+        }
+      }
+
+      &:hover {
+        background-color: $dark-red;
+        color: #fff;
+
+        svg {
+          path {
+            fill: #fff;
+          }
+        }
+      }
+    }
+
     &:disabled:not(.active),
     &:disabled:not(.active):hover {
       border-color: $dark-grey-3;
diff --git a/app/styles/_colors.scss b/app/styles/_colors.scss
index 97281a9..a0f68bf 100644
--- a/app/styles/_colors.scss
+++ b/app/styles/_colors.scss
@@ -3,6 +3,7 @@ $dark-grey-2: #344453;
 $dark-grey-3: #aaa;
 $light-grey-1: #b5c3d1;
 $light-grey-2: #ececec;
+$dark-red: #8b0000;
 
 body {
   background-color: #fff;