From 55dd48ae594c885752ebdb56c13a24c9bcf1a544 Mon Sep 17 00:00:00 2001
From: Jason Bahl <jasonbahl@mac.com>
Date: Tue, 9 Jan 2024 16:57:32 -0700
Subject: [PATCH] - small tweaks to the left sidebar on docs pages to have it a
 bit more consistent on light and dark mode with the slightly different bg
 color than the body

---
 components/Layout.jsx     | 2 +-
 components/SiteHeader.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Layout.jsx b/components/Layout.jsx
index 3717a6b..0a8f0a6 100644
--- a/components/Layout.jsx
+++ b/components/Layout.jsx
@@ -133,7 +133,7 @@ export function Layout({ data, children, toc, title }) {
       <main className='content'>
         <div className="relative mx-auto flex max-w-8xl justify-center sm:px-2 lg:px-8 xl:px-12">
           <div className="hidden lg:relative lg:block lg:flex-none">
-            <div className="absolute inset-y-0 right-0 w-[50vw] bg-slate-50 dark:hidden" />
+            <div className="absolute inset-y-0 right-0 w-[50vw] bg-slate-50 dark:bg-gray-800/25" />
             <div className="absolute bottom-0 right-0 top-16 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block" />
             <div className="absolute bottom-0 right-0 top-28 hidden w-px bg-slate-800 dark:block" />
             <div className="sticky top-[4.5rem] -ml-0.5 h-[calc(100vh-4.5rem)] w-64 overflow-y-auto overflow-x-hidden py-16 pl-0.5 pr-8 xl:w-72 xl:pr-16">
diff --git a/components/SiteHeader.jsx b/components/SiteHeader.jsx
index c886066..9f582e2 100644
--- a/components/SiteHeader.jsx
+++ b/components/SiteHeader.jsx
@@ -34,7 +34,7 @@ export function SiteHeader({ navigation, isNoticeVisible = false }) {
         'z-40 flex flex-wrap items-center justify-between bg-white px-4 py-5 shadow-md shadow-slate-900/5 transition duration-500 dark:shadow-none sm:px-6 lg:px-8',
         isScrolled
           ? 'dark:bg-slate-900/95 dark:backdrop-blur dark:[@supports(backdrop-filter:blur(0))]:bg-slate-900/75'
-          : 'dark:bg-transparent',
+          : 'dark:bg-slate-900',
       )}
     >
       <div className="mr-6 flex lg:hidden">