From 6ff26c71a0abf4741937e6b0ee4150ea6a9283bc Mon Sep 17 00:00:00 2001
From: Sonny <sonnyba871@gmail.com>
Date: Sun, 19 Apr 2020 21:13:38 +0200
Subject: [PATCH] Update navbar styling

---
 .../scss/components/messages/_messages.scss         |  2 +-
 src/newsreader/scss/components/navbar/_navbar.scss  |  6 +++---
 src/newsreader/scss/components/rules/_rules.scss    |  4 ++--
 src/newsreader/scss/partials/_colors.scss           | 13 +++++++------
 4 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/newsreader/scss/components/messages/_messages.scss b/src/newsreader/scss/components/messages/_messages.scss
index 5779820..1d46932 100644
--- a/src/newsreader/scss/components/messages/_messages.scss
+++ b/src/newsreader/scss/components/messages/_messages.scss
@@ -19,7 +19,7 @@
 
     border-radius: 5px;
 
-    background-color: $focus-blue;
+    background-color: $blue;
 
     &--error {
       background-color: $error-red;
diff --git a/src/newsreader/scss/components/navbar/_navbar.scss b/src/newsreader/scss/components/navbar/_navbar.scss
index d5699ed..0176265 100644
--- a/src/newsreader/scss/components/navbar/_navbar.scss
+++ b/src/newsreader/scss/components/navbar/_navbar.scss
@@ -3,11 +3,10 @@
   justify-content: center;
 
   margin: 0 0 5px 0;
-  padding: 15px 0;
+  padding: 10px 0;
   width: 100%;
 
   background-color: $white;
-  box-shadow: 0px 5px darken($azureish-white, +10%);
 
   ol {
     display: flex;
@@ -28,7 +27,7 @@
     border: none;
     border-radius: 2px;
 
-    background-color: $azureish-white;
+    background-color: darken($azureish-white, 20%);
 
     &:hover{
       background-color: lighten($azureish-white, +5%);
@@ -36,6 +35,7 @@
 
     & a {
       @extend .button;
+      color: $white;
     }
   }
 
diff --git a/src/newsreader/scss/components/rules/_rules.scss b/src/newsreader/scss/components/rules/_rules.scss
index 029a070..92427da 100644
--- a/src/newsreader/scss/components/rules/_rules.scss
+++ b/src/newsreader/scss/components/rules/_rules.scss
@@ -16,11 +16,11 @@
 
     &:hover {
       cursor: pointer;
-      background-color: darken($azureish-white, +10%);
+      background-color: $focus-blue;
     }
 
     &--selected {
-      background-color: darken($azureish-white, +10%);
+      background-color: $focus-blue;
     }
   }
 
diff --git a/src/newsreader/scss/partials/_colors.scss b/src/newsreader/scss/partials/_colors.scss
index 664ddf7..8e776a2 100644
--- a/src/newsreader/scss/partials/_colors.scss
+++ b/src/newsreader/scss/partials/_colors.scss
@@ -1,8 +1,3 @@
-$white: rgba(255, 255, 255, 1);
-$black: rgba(0, 0, 0, 1);
-
-$dark: rgba(0, 0, 0, 0.4);
-
 // light blue
 $azureish-white: rgba(205, 230, 245, 1);
 
@@ -34,5 +29,11 @@ $confirm-green: $success-green;
 $cancel-red: $error-red;
 
 $border-gray: rgba(227, 227, 227, 1);
-$focus-blue: darken($azureish-white, +50%);
+
+$focus-blue: darken($azureish-white, +10%);
 $default-font-color: rgba(48, 51, 53, 1);
+
+$white: rgba(255, 255, 255, 1);
+$black: rgba(0, 0, 0, 1);
+$blue: darken($azureish-white, +50%);
+$dark: rgba(0, 0, 0, 0.4);