From defd49332561b3a00ed66bbf9e4a0abd539cd87a Mon Sep 17 00:00:00 2001
From: Astralof <41782505+Astralof@users.noreply.github.com>
Date: Mon, 17 Sep 2018 15:22:11 +0200
Subject: [PATCH] sidebar button color

---
 _includes/floating_button.html |  6 +++---
 _includes/header.html          |  2 +-
 _sass/_button.scss             | 10 ++++++++++
 _sass/_floating_button.scss    |  4 ++--
 _sass/_header.scss             |  8 ++++++--
 _sass/_variables.scss          |  1 +
 6 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/_includes/floating_button.html b/_includes/floating_button.html
index 91364de..7234ff4 100644
--- a/_includes/floating_button.html
+++ b/_includes/floating_button.html
@@ -1,11 +1,11 @@
 <div id="floating-button">
-  <button class="circular ui icon button sidebar-toggle">
+  <button class="circular ui icon button sidebar-toggle safing-full">
     <i class="sidebar icon"></i>
   </button>
   {% if include.download %}
   <div class="spacer"></div>
-  <a href="{{ site.download_url }}">      
-    <button class="circular ui icon button">
+  <a href="{{ site.download_url }}">
+    <button class="circular ui icon button safing-full">
       <i class="download icon"></i>
     </button>
   </a>
diff --git a/_includes/header.html b/_includes/header.html
index 03bdc70..5fb280a 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -33,7 +33,7 @@
   </div>
 
   <div class='right menu' id="menubar-mobile">
-    <a class='item sidebar-toggle'>
+    <a class='item sidebar-toggle sidebar-icon'>
       <i class='sidebar icon'></i>
     </a>
   </div>
diff --git a/_sass/_button.scss b/_sass/_button.scss
index 72264ae..be17b37 100644
--- a/_sass/_button.scss
+++ b/_sass/_button.scss
@@ -17,7 +17,17 @@
   background-color: $fill_medium;
   color: $white;
 }
+.ui.button.safing-full {
 
+  color: $fill_lighter;
+  background-color: $white;
+}
+
+.ui.button.safing-full:hover {
+
+  background-color: $fill_lighter;
+  color: $white;
+}
 
 
 
diff --git a/_sass/_floating_button.scss b/_sass/_floating_button.scss
index 0987191..c9343c6 100644
--- a/_sass/_floating_button.scss
+++ b/_sass/_floating_button.scss
@@ -2,8 +2,8 @@
   position: fixed;
   right: 25px;
   top: 25px;
-
-  background-color: $white;
+  box-shadow: 1px 2px 3px 1px #718399;
+  background-color: $discreet;
   // width: 64px; DEFINED BELOW!
   padding: 5px;
   border-radius: 32px;
diff --git a/_sass/_header.scss b/_sass/_header.scss
index c657e3a..5b30807 100644
--- a/_sass/_header.scss
+++ b/_sass/_header.scss
@@ -1,7 +1,11 @@
+
+.sidebar-icon {
+  color: $white !important;
+}
 #menubar {
   width: 100%;
 
-  background-color: #38465c;
+  background-color: $fill_medium;
   margin: 0;
   border-radius: 0;
   z-index: 1;
@@ -21,7 +25,7 @@
 // no js version
 @media only screen and (max-width: 767px) {
   #menubar.home {
-    background-color: #38465c !important;
+    background-color: $fill_medium !important;
     position: relative;
   }
   #menubar .right.menu a.item {
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
index fde8ff7..b323f3f 100644
--- a/_sass/_variables.scss
+++ b/_sass/_variables.scss
@@ -9,6 +9,7 @@ $fill_dark: #222a37 !default;
 $background_main: #e0e1e2 !default;
 $fill_lighter: #788294 !default;
 $secondary: $fill_medium;
+$discreet: #F7F7F7;
 
 // other colors
 $color_mine_shaft_approx: #333 !default;