From 5f402b190c682d7470cd8b55ae1f62daf673c47a Mon Sep 17 00:00:00 2001
From: Lemon-miaow <admin@lemonmiaow.xyz>
Date: Fri, 3 Jul 2026 21:56:36 +0800
Subject: [PATCH] fix(panel): force dark mode and pure black bg on server
 console card

---
 panel/src/components/LogConsole.tsx |  2 +-
 panel/src/pages/ServerConsole.tsx   | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/panel/src/components/LogConsole.tsx b/panel/src/components/LogConsole.tsx
index bf268cc..a3ccb97 100644
--- a/panel/src/components/LogConsole.tsx
+++ b/panel/src/components/LogConsole.tsx
@@ -72,7 +72,7 @@ export function LogConsole({ url, className }: { url: string; className?: string
   const jumpToLatest = useCallback(() => setPinned(true), []);
 
   return (
-    <div className={cn("overflow-hidden rounded-md border border-border bg-zinc-950 flex-1 flex flex-col min-h-0", className)}>
+    <div className={cn("overflow-hidden rounded-md border border-border bg-black flex-1 flex flex-col min-h-0", className)}>
       {/* Toolbar */}
       <div className="flex items-center justify-between gap-2 border-b border-zinc-800 bg-zinc-900/60 px-3 py-2 shrink-0">
         <StatusIndicator status={status} />
diff --git a/panel/src/pages/ServerConsole.tsx b/panel/src/pages/ServerConsole.tsx
index 9edf7c8..ab172e1 100644
--- a/panel/src/pages/ServerConsole.tsx
+++ b/panel/src/pages/ServerConsole.tsx
@@ -240,27 +240,27 @@ export function ServerConsole() {
           <div className="grid grid-cols-1 gap-6 lg:grid-cols-4 flex-1 lg:min-h-0 min-h-0">
             {/* Left/Main column: Console */}
             <div className="lg:col-span-3 flex flex-col lg:min-h-0 min-h-0 h-full">
-              <Card className="flex flex-col flex-1 lg:min-h-0 min-h-0 overflow-hidden">
-                <CardContent className="p-0 flex-1 flex flex-col lg:min-h-0 min-h-0">
+              <Card className="dark flex flex-col flex-1 lg:min-h-0 min-h-0 overflow-hidden bg-black text-zinc-50 border-zinc-800">
+                <CardContent className="p-0 flex-1 flex flex-col lg:min-h-0 min-h-0 bg-black">
                   {!streamable ? (
-                    <div className="flex-1 flex flex-col justify-center p-6">
+                    <div className="flex-1 flex flex-col justify-center p-6 bg-black">
                       <NotStreaming phase={data.phase} />
                     </div>
                   ) : cfg ? (
-                    <div className="flex-1 flex flex-col lg:min-h-0 min-h-0">
+                    <div className="flex-1 flex flex-col lg:min-h-0 min-h-0 bg-black">
                       <LogConsole
                         key={name}
                         url={consoleStreamURL(cfg.apiBase, name)}
                         className="border-0 rounded-none bg-transparent"
                       />
                       {data.phase === "Running" && (
-                        <div className="p-3 bg-zinc-950/50 border-t border-zinc-800">
+                        <div className="p-3 bg-zinc-900/40 border-t border-zinc-800">
                           <CommandInput name={name} />
                         </div>
                       )}
                     </div>
                   ) : (
-                    <div className="p-6">
+                    <div className="p-6 bg-black">
                       <Loading />
                     </div>
                   )}