From 7d3972b99372ac4c95aaecec0cfd71c51a17d896 Mon Sep 17 00:00:00 2001
From: Glen Huang <me@glenhuang.com>
Date: Mon, 13 Oct 2025 22:53:38 +0800
Subject: [PATCH] docs-site: prettier global bar

---
 pkgs/docs-site/src/routes/+layout.svelte            | 5 +++--
 pkgs/docs-site/src/routes/{index.css => global.css} | 2 ++
 2 files changed, 5 insertions(+), 2 deletions(-)
 rename pkgs/docs-site/src/routes/{index.css => global.css} (85%)

diff --git a/pkgs/docs-site/src/routes/+layout.svelte b/pkgs/docs-site/src/routes/+layout.svelte
index b06789662..0c27bef29 100644
--- a/pkgs/docs-site/src/routes/+layout.svelte
+++ b/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 {
diff --git a/pkgs/docs-site/src/routes/index.css b/pkgs/docs-site/src/routes/global.css
similarity index 85%
rename from pkgs/docs-site/src/routes/index.css
rename to pkgs/docs-site/src/routes/global.css
index a4a78219c..e9c987120 100644
--- a/pkgs/docs-site/src/routes/index.css
+++ b/pkgs/docs-site/src/routes/global.css
@@ -3,6 +3,8 @@
 :root {
   --pagePadding: 15px;
   --globalBarHeight: 60px;
+  --fgInvertedColor: #fff;
+  --bgInvertedColor: #203637;
 }
 
 html {