From 824d5cd14e6e1a6008f511fcb98194b35629e4d1 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sat, 16 Dec 2023 13:41:20 +0800
Subject: [PATCH] refactor: add dark theme in status page

---
 src/client/index.css        | 4 ++++
 src/client/pages/Status.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/client/index.css b/src/client/index.css
index 99d94d7..ebbd06f 100644
--- a/src/client/index.css
+++ b/src/client/index.css
@@ -23,6 +23,10 @@ a {
   height: 100%;
 }
 
+.App.dark {
+  @apply bg-gray-900 text-white;
+}
+
 /* Scrollbar */
 ::-webkit-scrollbar {
   width: 8px;
diff --git a/src/client/pages/Status.tsx b/src/client/pages/Status.tsx
index 6d56471..58ba197 100644
--- a/src/client/pages/Status.tsx
+++ b/src/client/pages/Status.tsx
@@ -16,7 +16,7 @@ export const StatusPage: React.FC = React.memo(() => {
   const monitorList = info?.monitorList ?? [];
 
   return (
-    <div className="w-4/5 mx-auto py-8">
+    <div className="w-4/5 mx-auto py-8 ">
       <div className="text-2xl mb-4">{info?.title}</div>
 
       <div className="text-lg mb-2">Services</div>