From 09fb507e0563445096b1e17865d1e37f150a43c6 Mon Sep 17 00:00:00 2001
From: yiekheng <yiekheng@04080616.xyz>
Date: Sat, 11 Apr 2026 16:59:44 +0800
Subject: [PATCH] Second Commit

---
 app/globals.css          | 23 +++++++++++++----------
 app/layout.tsx           |  2 +-
 components/BottomNav.tsx |  2 +-
 components/Header.tsx    |  2 +-
 docker-compose.yml       | 19 +------------------
 5 files changed, 17 insertions(+), 31 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 8379985..4ab3327 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,15 +1,15 @@
 @import "tailwindcss";
 
 :root {
-  --background: #0f0f14;
-  --foreground: #e8e6e3;
-  --surface: #1a1a24;
-  --surface-hover: #242433;
-  --border: #2a2a3c;
-  --accent: #7c5cfc;
-  --accent-hover: #9478ff;
-  --muted: #8b8b9e;
-  --card: #16161f;
+  --background: #ffffff;
+  --foreground: #202124;
+  --surface: #f5f5f5;
+  --surface-hover: #e8e8e8;
+  --border: #e0e0e0;
+  --accent: #3ea6ff;
+  --accent-hover: #1a91f0;
+  --muted: #888888;
+  --card: #fafafa;
 }
 
 @theme inline {
@@ -45,9 +45,12 @@ body {
   background: var(--background);
 }
 ::-webkit-scrollbar-thumb {
-  background: var(--border);
+  background: #ccc;
   border-radius: 3px;
 }
+::-webkit-scrollbar-thumb:hover {
+  background: #aaa;
+}
 
 /* Smooth scroll for the whole page */
 html {
diff --git a/app/layout.tsx b/app/layout.tsx
index 290ff7d..a039d35 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -28,7 +28,7 @@ export const viewport: Viewport = {
   initialScale: 1,
   maximumScale: 1,
   viewportFit: "cover",
-  themeColor: "#0f0f14",
+  themeColor: "#ffffff",
 };
 
 export default function RootLayout({
diff --git a/components/BottomNav.tsx b/components/BottomNav.tsx
index acb4bfe..bf5889b 100644
--- a/components/BottomNav.tsx
+++ b/components/BottomNav.tsx
@@ -47,7 +47,7 @@ export function BottomNav() {
   }
 
   return (
-    <nav className="fixed bottom-0 left-0 right-0 z-50 bg-background/95 backdrop-blur-xl border-t border-border sm:hidden pb-safe">
+    <nav className="fixed bottom-0 left-0 right-0 z-50 bg-background/95 backdrop-blur-xl shadow-[0_-1px_3px_rgba(0,0,0,0.08)] sm:hidden pb-safe">
       <div className="flex items-center justify-around h-14">
         {navItems.map((item) => {
           const isActive =
diff --git a/components/Header.tsx b/components/Header.tsx
index 4951e33..ea326fc 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -18,7 +18,7 @@ export function Header() {
   }
 
   return (
-    <header className="sticky top-0 z-40 bg-background/95 backdrop-blur-xl border-b border-border">
+    <header className="sticky top-0 z-40 bg-background/95 backdrop-blur-xl shadow-sm">
       {/* Top row: logo + search */}
       <div className="max-w-6xl mx-auto px-4 h-14 flex items-center gap-3">
         <Link href="/" className="flex items-center gap-2.5 shrink-0">
diff --git a/docker-compose.yml b/docker-compose.yml
index 3133333..dc9ea3e 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -5,27 +5,10 @@ services:
     ports:
       - "3001:3000"
     environment:
-      DATABASE_URL: postgresql://manga_user:${POSTGRES_PASSWORD}@manga-db:5432/manga_db
+      DATABASE_URL: ${DATABASE_URL}
       R2_ACCOUNT_ID: ${R2_ACCOUNT_ID}
       R2_ACCESS_KEY: ${R2_ACCESS_KEY}
       R2_SECRET_KEY: ${R2_SECRET_KEY}
       R2_BUCKET: ${R2_BUCKET}
       R2_PUBLIC_URL: ${R2_PUBLIC_URL}
-    depends_on:
-      - manga-db
     restart: unless-stopped
-
-  manga-db:
-    image: postgres:16
-    ports:
-      - "5433:5432"
-    volumes:
-      - manga_pgdata:/var/lib/postgresql/data
-    environment:
-      POSTGRES_USER: manga_user
-      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
-      POSTGRES_DB: manga_db
-    restart: unless-stopped
-
-volumes:
-  manga_pgdata: