diff --git a/tzipc-ui/public/theme/default/logo.png b/tzipc-ui/public/theme/default/logo.png
index 0b60a96..9f1d536 100644
Binary files a/tzipc-ui/public/theme/default/logo.png and b/tzipc-ui/public/theme/default/logo.png differ
diff --git a/tzipc-ui/src/App.vue b/tzipc-ui/src/App.vue
index ed497f5..f974964 100644
--- a/tzipc-ui/src/App.vue
+++ b/tzipc-ui/src/App.vue
@@ -30,3 +30,26 @@ export default {
   }
 }
 </script>
+<style lang="scss">
+@import "@/theme/index.scss";
+.el-picker-panel__sidebar, .el-picker-panel__footer {
+  @include font_color(buttonFontColor);
+  @include background_color(componentBackgroundColor);
+}
+
+.el-message-box {
+  @include background_bg(dialogBackgroundImage);
+  @include font_color(colorPrimary);
+  .el-message-box__header, .el-message-box__content {
+    @include font_color(colorPrimary);
+  }
+}
+
+.el-tabs__item.is-active {
+  @include font_color(colorPrimary);
+}
+
+.el-tabs__item {
+  @include font_color(componentFontColor);
+}
+</style>
diff --git a/tzipc-ui/src/assets/styles/element-ui.scss b/tzipc-ui/src/assets/styles/element-ui.scss
index b45c416..1f9e893 100644
--- a/tzipc-ui/src/assets/styles/element-ui.scss
+++ b/tzipc-ui/src/assets/styles/element-ui.scss
@@ -602,14 +602,11 @@ div.el-switch {
   border-radius: 10px;
   border: none;
   .el-message-box__title {
-    background: url("../images/login/modal-title.png") no-repeat 0px 0px;
     background-size: 100% 100%;
     padding-left: 26px;
     font-size: 16px;
     span {
-      background: linear-gradient(180deg, #ffffff 0%, #87c5f4 100%);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
+      @include border_color(colorPrimary);
     }
   }
   .el-message-box__content {
diff --git a/tzipc-ui/src/layout/components/Navbar.vue b/tzipc-ui/src/layout/components/Navbar.vue
index 1db1407..5512710 100644
--- a/tzipc-ui/src/layout/components/Navbar.vue
+++ b/tzipc-ui/src/layout/components/Navbar.vue
@@ -66,7 +66,8 @@
           v-for="item in themeOptions"
           :key="item.key"
           :value="item.key"
-        >{{item.label}}</el-option>
+          :label="item.label"
+        >{{ item.label }}</el-option>
       </el-select>
       <!-- <el-switch
         v-model="value"
diff --git a/tzipc-ui/src/layout/components/TagsView/index.vue b/tzipc-ui/src/layout/components/TagsView/index.vue
index 963c5b0..17badb1 100644
--- a/tzipc-ui/src/layout/components/TagsView/index.vue
+++ b/tzipc-ui/src/layout/components/TagsView/index.vue
@@ -299,7 +299,7 @@ export default {
       }
       &.active {
         @include font_color(buttonActiveFontColor);
-        @include background_color(buttonActiveBackgroundColor);
+        @include background_color(colorPrimary);
         border-color: #42b983;
         &::before {
           content: "";
diff --git a/tzipc-ui/src/theme/blueTheme/index.scss b/tzipc-ui/src/theme/blueTheme/index.scss
index 63952c0..8aaec79 100644
--- a/tzipc-ui/src/theme/blueTheme/index.scss
+++ b/tzipc-ui/src/theme/blueTheme/index.scss
@@ -34,6 +34,7 @@ $blueTheme: (
     deviceImage1: url(/theme/blueTheme/img1.png),
     deviceImage2: url(/theme/blueTheme/img2.png),
     deviceImage3: url(/theme/blueTheme/img3.png),
+    deviceImage4: url(/theme/blueTheme/img4.png),
 
     // element ui 样式
     elTableHeaderBackgroundColor: #fff,
diff --git a/tzipc-ui/src/theme/default/index.scss b/tzipc-ui/src/theme/default/index.scss
index ccfa5aa..72c793a 100644
--- a/tzipc-ui/src/theme/default/index.scss
+++ b/tzipc-ui/src/theme/default/index.scss
@@ -35,6 +35,7 @@ $default: (
     deviceImage1: url(/theme/default/img1.png),
     deviceImage2: url(/theme/default/img2.png),
     deviceImage3: url(/theme/default/img3.png),
+    deviceImage4: url(/theme/default/img4.png),
 
     // element ui 样式
     elTableHeaderBackgroundColor: #fff,
diff --git a/tzipc-ui/src/theme/redTheme/index.scss b/tzipc-ui/src/theme/redTheme/index.scss
index ba269a5..ddc659c 100644
--- a/tzipc-ui/src/theme/redTheme/index.scss
+++ b/tzipc-ui/src/theme/redTheme/index.scss
@@ -35,6 +35,7 @@ $redTheme: (
     deviceImage1: url(/theme/redTheme/img1.png),
     deviceImage2: url(/theme/redTheme/img2.png),
     deviceImage3: url(/theme/redTheme/img3.png),
+    deviceImage4: url(/theme/redTheme/img4.png),
 
     // element ui 样式
     elTableHeaderBackgroundColor: #fff,
diff --git a/tzipc-ui/src/views/login.vue b/tzipc-ui/src/views/login.vue
index d262fd2..1b03596 100644
--- a/tzipc-ui/src/views/login.vue
+++ b/tzipc-ui/src/views/login.vue
@@ -157,6 +157,7 @@ export default {
     this.getCode();
     this.getSystemInfo();
     this.getCookie();
+    this.getTitleBg()
   },
   methods: {
     getSystemInfo() {
@@ -167,6 +168,7 @@ export default {
 
     getTitleBg() {
       const theme = localStorage.getItem("data-theme") || "default";
+      console.log('theme', theme);
       window.document.documentElement.setAttribute("data-theme", theme);
       window.document.documentElement.setAttribute("class", "light");
       if (theme === "default") return "/theme/default/loginTitle.png";
diff --git a/tzipc-ui/src/views/zf/bigscreen/index.vue b/tzipc-ui/src/views/zf/bigscreen/index.vue
index eaa0cf5..602e5e9 100644
--- a/tzipc-ui/src/views/zf/bigscreen/index.vue
+++ b/tzipc-ui/src/views/zf/bigscreen/index.vue
@@ -355,7 +355,7 @@
       </div>
       <div
         v-loading="loading"
-        element-loading-text="拼命加载中"
+        element-loading-text="加载中..."
         element-loading-spinner="el-icon-loading"
         element-loading-background="rgba(0, 0, 0, 0.8)"
         ref="tendencyChart"
@@ -1319,7 +1319,7 @@ export default {
   grid-template-rows: 1fr 1fr;
 }
 
-@for $i from 1 through 3 {
+@for $i from 1 through 4 {
   .device-image-#{$i} {
     width: 100%;
     height: 100%;