From 190a55b83504d97e2556ad13fa18eda738a19348 Mon Sep 17 00:00:00 2001
From: Guillaume Hivert <hivert.is.coming@gmail.com>
Date: Thu, 18 Jul 2024 15:54:06 +0200
Subject: [PATCH] ui: use solid color for navbar

---
 apps/frontend/src/frontend/view/navbar/styles.gleam | 6 ++----
 apps/frontend/src/stylesheets/main.css              | 4 ++--
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/apps/frontend/src/frontend/view/navbar/styles.gleam b/apps/frontend/src/frontend/view/navbar/styles.gleam
index 8dfef24..2d1f839 100644
--- a/apps/frontend/src/frontend/view/navbar/styles.gleam
+++ b/apps/frontend/src/frontend/view/navbar/styles.gleam
@@ -63,13 +63,11 @@ pub fn navbar(transparent: Bool, attributes, children) {
     s.grid_area("navbar"),
     s.padding_left(px(48)),
     s.gap(px(48)),
-    s.background(case transparent {
-      True -> "transparent"
-      False -> "var(--sidebar-background)"
-    }),
+    s.background("var(--sidebar-background)"),
     s.height(px(130)),
     s.z_index(1000),
     s.display("none"),
+    s.border_bottom("1px solid var(--border-color)"),
     s.media(media.max_width(px(700)), [
       s.display("flex"),
       s.gap(px(24)),
diff --git a/apps/frontend/src/stylesheets/main.css b/apps/frontend/src/stylesheets/main.css
index 3c81947..de55ca9 100644
--- a/apps/frontend/src/stylesheets/main.css
+++ b/apps/frontend/src/stylesheets/main.css
@@ -23,7 +23,7 @@ body {
   --text-color-disabled: rgba(254, 254, 252, 0.5);
   --input-text-color: rgba(21, 21, 21, 0.6);
   --code-background: rgba(21, 21, 21, 0.05);
-  --sidebar-background: rgba(255, 175, 243, 0.2);
+  --sidebar-background: rgba(254, 236, 245, 1);
   --border-color: rgba(228, 227, 223);
   --input-background: rgba(240, 223, 233, 1);
   --text-grey-color: #555;
@@ -66,7 +66,7 @@ body {
     --input-text-color: rgba(254, 254, 252, 0.6);
     --text-color-disabled: rgba(254, 254, 252, 0.5);
     --code-background: rgba(254, 254, 252, 0.05);
-    --sidebar-background: #ffffff0d;
+    --sidebar-background: rgb(35, 37, 47);
     --border-color: rgba(254, 254, 252, 0.1);
     --input-background: rgb(57, 59, 68);
     --text-grey-color: #999;