From 94ac47126c66f2051b6a53977db88871e517e962 Mon Sep 17 00:00:00 2001
From: corgifist <sxuare.science@gmail.com>
Date: Sat, 26 Jul 2025 00:38:39 +0300
Subject: [PATCH] made custom title bar code more readable

---
 src/app/globals.css |  6 +++++-
 src/app/page.tsx    | 15 +++++++--------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 45c8a28..9e9d5c1 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -51,7 +51,11 @@ html {
 body {
     -webkit-tap-highlight-color: transparent;
     font-family: var(--font-geist), sans-serif;
-    background-color: var(--background);
+    background-color: var(--color-background);
+}
+
+.dark body {
+    background-color: var(--color-background);
 }
 
 :root {
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0222b3a..0005f77 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -263,17 +263,16 @@ export default function Home(): ReactNode {
 
     return (
         <>
-            <div className="flex flex-row items-center gap-2 absolute top-0 left-0 p-5 z-40" tabIndex={1}>
-                <SidebarTrigger size="lg"/>
-                <h2 className="font-bold break-keep text-xl sm:text-2xl md:text-3xl lg:text-4xl leading-none">Project Library</h2>
-                {projects && <Label className="text-muted-foreground text-sm">(Found {projects.length} projects)</Label>}
-            </div>
             <div className="p-5 w-full h-full">
                 <div aria-hidden className="fixed top-0 left-0 w-full z-10">
-                    <div className="sticky top-0 left-0 w-full h-safe-area-inset-top bg-[#0a0a0a]" />
+                    <div className="sticky top-0 left-0 w-full h-safe-area-inset-top bg-background" />
                 </div>
-                <div className="h-8" />
-                <div className="flex flex-row items-center justify-between sticky top-safe bg-background gap-2 mt-3 pb-2 pt-2 w-full z-40">
+                <div className="flex flex-row items-center gap-2">
+                    <SidebarTrigger size="lg" />
+                    <h2 className="font-bold break-keep text-xl sm:text-2xl md:text-3xl lg:text-4xl leading-none">Project Library</h2>
+                    {projects && <Label className="text-muted-foreground text-sm">(Found {projects.length} projects)</Label>}
+                </div>
+                <div className="flex flex-row items-center justify-between sticky top-safe bg-background gap-2 mt-3 pb-2 pt-2 w-full z-20">
                     <div className="flex flex-row items-center gap-2">
                         <Dialog>
                             <DialogTrigger asChild>