From ff938eec8c79dd3d26cb4722a429e37336927842 Mon Sep 17 00:00:00 2001
From: Silent YANG <yang@vicicode.com>
Date: Thu, 24 Oct 2024 01:07:07 +0800
Subject: [PATCH] optimize dark theme

---
 src/views/idea/losehu/index.vue | 6 +++++-
 src/views/list/bl/index.vue     | 2 +-
 src/views/list/card/index.vue   | 2 +-
 src/views/list/chi/index.vue    | 2 +-
 src/views/list/flash/index.vue  | 2 +-
 src/views/list/sat/index.vue    | 2 +-
 6 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/views/idea/losehu/index.vue b/src/views/idea/losehu/index.vue
index 602901c..a4986e3 100644
--- a/src/views/idea/losehu/index.vue
+++ b/src/views/idea/losehu/index.vue
@@ -20,7 +20,7 @@
         </a-row>
         <a-row :gutter="20" align="stretch" style="margin-top: 10px;">
             <a-col :span="24">
-                <a-card style="padding: 20px;" class="general-card" v-html="state.readme"></a-card>
+                <a-card style="padding: 20px;" class="general-card readme" v-html="state.readme"></a-card>
             </a-col>
         </a-row>
     </div>
@@ -149,6 +149,10 @@ export default {
 </script>
 
 <style scoped lang="less">
+.readme {
+    background-color: var(--color-bg-1);
+    color: var(--color-text-1);
+}
 .container {
     padding: 0 20px 20px 20px;
 
diff --git a/src/views/list/bl/index.vue b/src/views/list/bl/index.vue
index fc9e42b..13af692 100644
--- a/src/views/list/bl/index.vue
+++ b/src/views/list/bl/index.vue
@@ -63,7 +63,7 @@
           </t-card>
         </t-space>
       </a-card>
-        <div id="statusArea" style="height: 20em; background-color: azure; color: silver; overflow: auto; padding: 20px; margin-top: 10px;"
+        <div id="statusArea" style="height: 20em; background-color: var(--color-bg-3); color: var(--color-text-3); overflow: auto; padding: 20px; margin-top: 10px;"
         v-html="state.status"></div>
     </div>
   </template>
diff --git a/src/views/list/card/index.vue b/src/views/list/card/index.vue
index 1f08305..e96d25f 100644
--- a/src/views/list/card/index.vue
+++ b/src/views/list/card/index.vue
@@ -37,7 +37,7 @@
           </a-tab-pane>
         </a-tabs>
         <a-divider />
-        <div id="statusArea" style="height: 20em; background-color: azure; color: silver; overflow: auto; padding: 20px" v-html="state.status"></div>
+        <div id="statusArea" style="height: 20em; background-color: var(--color-bg-3); color: var(--color-text-3); overflow: auto; padding: 20px" v-html="state.status"></div>
         </a-card>
       </a-col>
     </a-row>
diff --git a/src/views/list/chi/index.vue b/src/views/list/chi/index.vue
index 04dbf9b..949dbbc 100644
--- a/src/views/list/chi/index.vue
+++ b/src/views/list/chi/index.vue
@@ -41,7 +41,7 @@
             </t-card>
           </a-space>
           <a-divider />
-          <div id="statusArea" style="height: 20em; background-color: azure; color: silver; overflow: auto; padding: 20px" v-html="state.status"></div>
+          <div id="statusArea" style="height: 20em; background-color: var(--color-bg-3); color: var(--color-text-3); overflow: auto; padding: 20px" v-html="state.status"></div>
         </a-card>
       </a-col>
     </a-row>
diff --git a/src/views/list/flash/index.vue b/src/views/list/flash/index.vue
index 6c59103..d4b4ee0 100644
--- a/src/views/list/flash/index.vue
+++ b/src/views/list/flash/index.vue
@@ -19,7 +19,7 @@
             </div>
           </div>
           <a-divider />
-          <div id="statusArea" style="height: 20em; background-color: azure; color: silver; overflow: auto; padding: 20px"
+          <div id="statusArea" style="height: 20em; background-color: var(--color-bg-3); color: var(--color-text-3); overflow: auto; padding: 20px"
             v-html="state.status"></div>
         </a-card>
       </a-col>
diff --git a/src/views/list/sat/index.vue b/src/views/list/sat/index.vue
index c66b552..7588e79 100644
--- a/src/views/list/sat/index.vue
+++ b/src/views/list/sat/index.vue
@@ -88,7 +88,7 @@
             </a-form-item>
             <a-divider />
             <div id="statusArea"
-              style="height: 20em; background-color: azure; color: silver; overflow: auto; padding: 20px"
+              style="height: 20em; background-color: var(--color-bg-3); color: var(--color-text-3); overflow: auto; padding: 20px"
               v-html="state.status"></div>
           </a-spin>
         </a-card>