From 4811b708b0006516d526e859618db801aa2f82ad Mon Sep 17 00:00:00 2001
From: Chenx221 <chenx221@yandex.com>
Date: Tue, 16 Apr 2024 14:37:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=B3=BB=E7=BB=9F=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E9=A1=B5=E9=9D=A2=E7=9A=84=E5=A4=9C=E9=97=B4=E6=A8=A1?=
 =?UTF-8?q?=E5=BC=8F=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 views/admin/sysinfo.php   | 17 ++++++++++++++---
 web/css/sysinfo-style.css |  3 ---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/views/admin/sysinfo.php b/views/admin/sysinfo.php
index 7769fda..2b8db33 100644
--- a/views/admin/sysinfo.php
+++ b/views/admin/sysinfo.php
@@ -259,9 +259,20 @@ $this->title = '系统信息';
     $dataTime = substr($systemInfo->serverTime, 11, 8);
     $mp_free = round(100 - $systemInfo->mp_usage, 2);
     $script = <<< JS
-var myChart = echarts.init(document.getElementById('cpu-graph'));
-var myChart2 = echarts.init(document.getElementById('memory-graph'));
-var myChart3 = echarts.init(document.getElementById('disk-chart'));
+var myChart;
+var myChart2;
+var myChart3;
+// detect dark mode
+if ((window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)|| document.documentElement.getAttribute('data-bs-theme')==='dark') {
+    myChart = echarts.init(document.getElementById('cpu-graph'),'dark');
+    myChart2 = echarts.init(document.getElementById('memory-graph'),'dark');
+    myChart3 = echarts.init(document.getElementById('disk-chart'),'dark');
+}else {
+    myChart = echarts.init(document.getElementById('cpu-graph'));
+    myChart2 = echarts.init(document.getElementById('memory-graph'));
+    myChart3 = echarts.init(document.getElementById('disk-chart'));
+}
+
 // check load-graph is exist
 var needLoadGraph = document.getElementById('load-graph');
 // var 
diff --git a/web/css/sysinfo-style.css b/web/css/sysinfo-style.css
index ea40161..3df1ec1 100644
--- a/web/css/sysinfo-style.css
+++ b/web/css/sysinfo-style.css
@@ -10,9 +10,6 @@
     border-radius:10px;
     padding: 16px;
 }
-.system-info .group-content span{
-    color: #6b6b6b;
-}
 
 #load-graph,#cpu-graph,#memory-graph{
     padding-top: 35px;