From 2fcc0224bae7957fb8a94400a53e2064014cab8f Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sun, 26 Jul 2020 21:19:55 +0200
Subject: [PATCH] Border color for bg- classes and new darkblue color.

---
 frontend/styles/global.scss    | 5 ++++-
 frontend/styles/variables.scss | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/styles/global.scss b/frontend/styles/global.scss
index 2b2981e..dd55e5c 100644
--- a/frontend/styles/global.scss
+++ b/frontend/styles/global.scss
@@ -142,18 +142,21 @@ h4 {
 // Colors
 .bg-green {
   background-color: var(--color-background-green);
+  border-color: var(--color-green);
 }
 .bg-pink {
   background-color: var(--color-background-pink);
+  border-color: var(--color-pink);
 }
 .bg-yellow {
   background-color: var(--color-background-yellow);
+  border-color: var(--color-yellow);
 }
 .bg-blue {
   background-color: var(--color-background-blue);
+  border-color: var(--color-blue);
 }
 
-
 .accent--xl {
     font-size:calc(1.375 * var(--text-base-size))
 }
diff --git a/frontend/styles/variables.scss b/frontend/styles/variables.scss
index 9eb686f..bcf6dbb 100644
--- a/frontend/styles/variables.scss
+++ b/frontend/styles/variables.scss
@@ -12,6 +12,7 @@ $mobile-width: 768px;
   --color-pink: #F0729F;
   --color-yellow: #F4D03F;
   --color-blue: #77A5BD;
+  --color-darkblue: #3e98bc;
 
   --color-background-pink: #F8CED1;
   --color-background-yellow: #F9E79F;