fix: style starlight header

package.json

@@ -24,7 +24,6 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "astro": "^4.8.6",
-    "astro-navbar": "^2.3.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sharp": "^0.32.5",

src/components/vgv_nav/vgv-nav.astro

@@ -5,15 +5,11 @@ import SiteTitle from "@astrojs/starlight/components/SiteTitle.astro";
 import SocialIcons from "@astrojs/starlight/components/SocialIcons.astro";
 import ThemeSelect from "@astrojs/starlight/components/ThemeSelect.astro";
 import type { Props } from "@astrojs/starlight/props";
-import { StickyHeader } from "astro-navbar";
 ---
 
-<StickyHeader
-  class="sticky top-0 z-20 transition-all backdrop-blur-2xl"
-  scrollY={0}
->
+<header class="sticky top-0 z-20 transition-all backdrop-blur-2xl">
   <div class="header-background"></div>
-  <header class="header">
+  <div class="header">
     <div class="inner-header sl-flex">
       <div class="title-wrapper sl-flex">
         <SiteTitle {...Astro.props} />
@@ -29,8 +25,8 @@ import { StickyHeader } from "astro-navbar";
         <LanguageSelect {...Astro.props} />
       </div>
     </div>
-  </header>
-</StickyHeader>
+  </div>
+</header>
 
 <style>
   .header-background {
@@ -41,7 +37,7 @@ import { StickyHeader } from "astro-navbar";
     padding: 0px;
     background-color: var(--vgv-nav-bg);
     opacity: var(--vgv-nav-opacity);
-    z-index: 0;
+    z-index: -1;
     pointer-events: none;
   }
   .header {

src/styles/vgv_brand.css

@@ -49,7 +49,7 @@
   --vgv-footer-text: var(--vgv-gray-30);
   --vgv-footer-bg: var(--vgv-navy);
 
-  --vgv-nav-bg: var(--vgv-gray-20);
+  --vgv-nav-bg: var(--vgv-gray-10);
   --vgv-nav-glow: var(--vgv-gray-10);
   --vgv-nav-opacity: 0.6;