From 62021fd4c37bef517b1a0dc21ba7897db3e6355a Mon Sep 17 00:00:00 2001
From: yfantse <sevasti.yfanti@cloudform.lu>
Date: Thu, 23 May 2024 12:56:48 +0300
Subject: [PATCH] white toolbar and side navigator

---
 src/css/nav.css     | 6 ++++--
 src/css/toolbar.css | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/css/nav.css b/src/css/nav.css
index 7eff964..3066ed1 100644
--- a/src/css/nav.css
+++ b/src/css/nav.css
@@ -32,6 +32,7 @@
   }
 
   .nav {
+    top: calc(var(--navbar-height) / 2);
     box-shadow: 0.5px 0 3px var(--nav-border-color);
     height: var(--nav-height);
   }
@@ -67,11 +68,12 @@
 }
 
 .nav {
-  background: var(--nav-background);
+  background: var(--color-white);
   position: sticky;
   height: var(--nav-height--desktop);
   overflow-y: auto;
   display: flex;
+  border-right: 1px solid var(--toolbar-border-color);
 }
 
 .nav .panels {
@@ -181,7 +183,7 @@ html.is-clipped--nav {
 }
 
 .nav-panel-explore {
-  background: var(--nav-background);
+  background: var(--color-white);
   display: flex;
   flex-direction: column;
   position: absolute;
diff --git a/src/css/toolbar.css b/src/css/toolbar.css
index eda1173..ded4dca 100644
--- a/src/css/toolbar.css
+++ b/src/css/toolbar.css
@@ -1,7 +1,7 @@
 .toolbar {
   color: var(--toolbar-font-color);
   align-items: center;
-  background-color: var(--toolbar-background);
+  background-color: var(--color-white);
   box-shadow: 0 1px 0 var(--toolbar-border-color);
   display: flex;
   font-size: calc(15 / var(--rem-base) * 1rem);