UI: change colors - manage footer

1 files changed, 38 insertions, 0 deletions

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";