docs-site: prettier global bar

pkgs/docs-site/src/routes/+layout.svelte

@@ -7,7 +7,7 @@
     Pagefind,
     PagefindSearchFragment,
   } from "vite-plugin-pagefind/types";
-  import "./index.css";
+  import "./global.css";
 
   const { data, children } = $props();
   const docs = $derived(data.docs);
@@ -104,8 +104,9 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    border-bottom: 1px solid;
     padding: 0 var(--pagePadding);
+    color: var(--fgInvertedColor);
+    background: var(--bgInvertedColor);
   }
   .search {
     & > ul {

pkgs/docs-site/src/routes/global.css

@@ -3,6 +3,8 @@
 :root {
   --pagePadding: 15px;
   --globalBarHeight: 60px;
+  --fgInvertedColor: #fff;
+  --bgInvertedColor: #203637;
 }
 
 html {