Second Commit

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 {

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({

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 =

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">

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: