From 64dba996fee20d832375f4ea16e3ff81c0d9097a Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Fri, 8 Oct 2021 18:13:12 +0800
Subject: [PATCH 1/2] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E4=B8=BB?=
 =?UTF-8?q?=E9=A2=98=E7=BB=93=E6=9E=84=E6=89=93=E5=8C=85=E5=90=8E=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=B7=AE=E5=BC=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/layout/components/AppMain.vue    |  2 +-
 frontend/src/styles/topbar.scss               | 24 +------------------
 .../src/views/panel/list/PanelViewShow.vue    |  2 +-
 3 files changed, 3 insertions(+), 25 deletions(-)

diff --git a/frontend/src/layout/components/AppMain.vue b/frontend/src/layout/components/AppMain.vue
index 2e72540801..4651b889b7 100644
--- a/frontend/src/layout/components/AppMain.vue
+++ b/frontend/src/layout/components/AppMain.vue
@@ -37,7 +37,7 @@ export default {
 
     .ms-main-container {
         height: 100%;
-        padding: 0;
+        padding: 0 !important;
     }
 </style>
 
diff --git a/frontend/src/styles/topbar.scss b/frontend/src/styles/topbar.scss
index f622678c94..7fe5c93b0f 100644
--- a/frontend/src/styles/topbar.scss
+++ b/frontend/src/styles/topbar.scss
@@ -25,7 +25,7 @@
   .el-menu {
     float: left;
     border: none !important;
-
+    background-color: var(--MainBG, #ffffff) !important;
     .nav-item {
       display: inline-block;
 
@@ -47,29 +47,7 @@
 
     }
   }
-/* .blackTheme .el-menu {
-    
-    .nav-item {
-      
 
-      .el-menu-item:not(.is-active) {
-
-        &:hover {
-          background-color: var(--ContentBG) !important;
-        }
-
-        &:focus {
-          background-color: var(--ContentBG) !important;
-        }
-
-      }
-      .blackTheme .el-menu-item.is-active {
-        background-color: var(--ContentBG) !important;
-        color: var(--TextActive) !important;
-      }
-
-    }
-} */
 
   .right-menu {
     float: right;
diff --git a/frontend/src/views/panel/list/PanelViewShow.vue b/frontend/src/views/panel/list/PanelViewShow.vue
index e3f5385e06..47e1863a50 100644
--- a/frontend/src/views/panel/list/PanelViewShow.vue
+++ b/frontend/src/views/panel/list/PanelViewShow.vue
@@ -62,7 +62,7 @@
       </el-row>
     </el-col>
     <el-col v-if="panelInfo.name.length===0" style="height: 100%;">
-      <el-row style="height: 100%;" class="custom-position">
+      <el-row style="height: 100%; background-color: var(--MainBG);" class="custom-position">
         {{ $t('panel.select_panel_from_left') }}
       </el-row>
     </el-col>

From 9341d63914555d1702e3174bcc89b3afafba9c81 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Fri, 8 Oct 2021 18:31:19 +0800
Subject: [PATCH 2/2] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=95=B0?=
 =?UTF-8?q?=E5=AD=97=E8=BE=93=E5=85=A5=E6=A1=86=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/layout/components/Topbar.vue |  8 ++++++++
 frontend/src/styles/index.scss            | 18 +++++++++++++++++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/frontend/src/layout/components/Topbar.vue b/frontend/src/layout/components/Topbar.vue
index 26e432fa7a..3592055604 100644
--- a/frontend/src/layout/components/Topbar.vue
+++ b/frontend/src/layout/components/Topbar.vue
@@ -257,6 +257,14 @@ export default {
             value: val
           })
         }
+
+        if (this.uiInfo['ui.themeStr'] && this.uiInfo['ui.themeStr'].paramValue) {
+          if (this.uiInfo['ui.themeStr'].paramValue === 'dark') {
+            document.body.className = 'blackTheme'
+          } else if (this.uiInfo['ui.themeStr'].paramValue === 'light') {
+            document.body.className = ''
+          }
+        }
         this.axiosFinished = true
       })
     },
diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss
index 23126c2d41..61c0eb804d 100644
--- a/frontend/src/styles/index.scss
+++ b/frontend/src/styles/index.scss
@@ -386,15 +386,31 @@ div:focus {
     }
 }
 
+.blackTheme .el-textarea__inner {
+    background-color: var(--MainBG) !important;    
+}
+.blackTheme .el-textarea__inner:not(:focus) {
+    
+    border-color: var(--border-color-input) !important;
+}
+
 .blackTheme .el-input__inner {
     background-color: var(--MainBG) !important;    
 }
 .blackTheme .el-input__inner:not(:focus) {
     
-    // border: none !important;
     border-color: var(--border-color-input) !important;
 }
 
+.blackTheme .el-input-number__decrease {
+    background-color: var(--MainBG) !important;
+    border: none !important;
+}
+.blackTheme .el-input-number__increase {
+    background-color: var(--MainBG) !important;
+    border: none !important;
+}
+
 
 .el-pagination {
     button:disabled {