style: 暗色主题定义变量

frontend/src/main.js

@@ -5,6 +5,7 @@ import Antd from "ant-design-vue";
 import "ant-design-vue/dist/reset.css";
 import VChart from "vue-echarts";
 import "echarts";
+import './style.css'
 
 const app = createApp(App);
 app.use(router);

frontend/src/style.css

@@ -22,6 +22,12 @@
   --box-shadow-light: 0 1px 4px rgba(0, 0, 0, 0.08);
 }
 
+.dark{
+  --component-background: #141414;
+  --text-color: rgba(255, 255, 255, 0.85);
+}
+
+
 /* 基础样式重置 */
 * {
   margin: 0;