From 6e39b9f1e09abd4c89e77c3752a48f4c7e21278c Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Tue, 31 Oct 2017 19:39:19 +0100
Subject: UI: change colors - manage footer

---
 scss/custom.scss | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

(limited to 'scss')

diff --git a/scss/custom.scss b/scss/custom.scss
index 6269937de..761d03f4a 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -3,6 +3,18 @@
 @import "bootstrap-src/scss/bootstrap";
 
 $action-color: #ffe484;
+$action-button-color: darken($action-color, 20%);
+$ishtar-color: darken($purple, 20%);
+$ishtar-secondary-color: lighten($purple, 10%);
+
+.container{
+    margin-top: 1em;
+    margin-bottom: 5em;
+}
+
+.bg-dark{
+    background-color: $ishtar-color !important;
+}
 
 .navbar{
     padding: 0 0.5rem;
@@ -17,6 +29,32 @@ $action-color: #ffe484;
     color: $navbar-dark-color;
 }
 
+div#validation-bar{
+    background-color: $ishtar-secondary-color;
+    color: $navbar-dark-color;
+}
+
+div#validation-bar .btn-primary{
+    background-color: $action-button-color;
+    border-color: $action-button-color;
+    color: $black;
+}
+
+div#validation-bar .btn-primary:hover{
+    background-color: $action-color;
+    border-color: $action-color;
+    color: $black;
+}
+
+div#validation-bar button:hover{
+    cursor: pointer;
+}
+
+div#foot{
+    background-color: $ishtar-color;
+    color: $navbar-dark-color;
+}
+
 /*
 // required
 @import "bootstrap-src/scss/functions";
-- 
cgit v1.2.3