fix: transparent header/siderbar on light mode

Author: Ehesp

website-v3/src/layouts/Header.astro

@@ -13,7 +13,7 @@ const { owner, repository, config } = context.get();
 ---
 
 <header class="sticky top-0 border-b dark:border-slate-800/80 bg:white z-20 backdrop-blur">
-  <div class="absolute inset-0 z-0 dark:bg-zinc-900/90 dark:text-white"></div>
+  <div class="absolute inset-0 z-0 bg-white dark:bg-zinc-900/90 dark:text-white"></div>
   <div class="max-w-8xl mx-auto relative z-10">
     <div class="h-16 px-4 lg:px-8 mx-4 lg:mx-0 flex items-center">
       <Link

website-v3/src/pages/[owner]/[repository]/[...path].astro

@@ -207,7 +207,7 @@ function codeToTitle(code: GetBundleResponse['code']) {
          data-sidebar 
          data-visible="false"
          class="fixed top-16 bottom-0 left-0 translate-x-[-46rem] lg:left-[max(0px,calc(50%-46rem))] lg:translate-x-0 right-auto z-20 w-[19.5rem] overflow-y-auto px-6 pb-10 sm:px-8 md:px-10 lg:block transition-transform
-          data-[visible=true]:translate-x-0 data-[visible=true]:dark:bg-zinc-900 data-[visible=true]:border-t dark:border-slate-800/80 
+          data-[visible=true]:translate-x-0 data-[visible=true]:bg-white data-[visible=true]:dark:bg-zinc-900 data-[visible=true]:border-t dark:border-slate-800/80 
          "
         >
           <Sidebar />