From 35d7bac49e27d7a8230f2dc712e77ece6a46e071 Mon Sep 17 00:00:00 2001
From: Mathieu Magnin <mathieu.magnin@gmail.com>
Date: Fri, 15 Sep 2017 10:56:14 +0200
Subject: [PATCH] Style success flash messages

---
 app/assets/stylesheets/new_design/_colors.scss   | 3 +++
 app/assets/stylesheets/new_design/new_alert.scss | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/app/assets/stylesheets/new_design/_colors.scss b/app/assets/stylesheets/new_design/_colors.scss
index fe9ece182..c46c85b3d 100644
--- a/app/assets/stylesheets/new_design/_colors.scss
+++ b/app/assets/stylesheets/new_design/_colors.scss
@@ -8,4 +8,7 @@ $dark-red: #A94442;
 $light-red: #EBCCD1;
 $lighter-red: #F2DEDE;
 $green: #35D49E;
+$lighter-green: lighten($green, 30%);
+$light-green: lighten($green, 25%);
+$dark-green: darken($green, 20%);
 $orange: #F59415;
diff --git a/app/assets/stylesheets/new_design/new_alert.scss b/app/assets/stylesheets/new_design/new_alert.scss
index c57594c31..d88c9d6f0 100644
--- a/app/assets/stylesheets/new_design/new_alert.scss
+++ b/app/assets/stylesheets/new_design/new_alert.scss
@@ -10,3 +10,9 @@
   border-color: $light-red;
   color: $dark-red;
 }
+
+.alert-success {
+  background-color: $lighter-green;
+  border-color: $light-green;
+  color: $dark-green;
+}