From 79b8804f7e71da8f660d7727f5e6190b2e40904c Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Sun, 24 Apr 2022 18:31:26 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=20=E6=97=B6=E9=97=B4=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=99=A8=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/components/common/timePicker.scss     | 27 ++++++++++++-------
 .../src/assets/css/themes/theme-light.scss    |  2 +-
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/nezha-fronted/src/assets/css/components/common/timePicker.scss b/nezha-fronted/src/assets/css/components/common/timePicker.scss
index 2f45a1e7a..b4fb4ae87 100644
--- a/nezha-fronted/src/assets/css/components/common/timePicker.scss
+++ b/nezha-fronted/src/assets/css/components/common/timePicker.scss
@@ -81,13 +81,14 @@
   display: flex;
   justify-content: space-between;
   font-size: 14px;
-
+  color: $--color-text-regular;
   .utc-str {
     line-height: 44px;
     text-align: right;
     span{
       font-size: 12px;
       background: $--background-color-2;
+      padding: 6px 8px;
     }
   }
 }
@@ -113,6 +114,7 @@
 }
 
 .date-range-text {
+  color: $--color-text-regular;
   font-size: 14px;
   // min-width: 150px;
   flex-direction: row;
@@ -121,8 +123,8 @@
   display: flex;
   justify-content: space-around;
   height: 26px;
-  background: #FFFFFF;
-  // border: 1px solid #E7EAED;
+  background: $--background-color-empty;
+   border: 1px solid $--border-color-light;
   box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.02);
   border-radius: 2px;
   line-height: 26px;
@@ -144,7 +146,7 @@
 
 .date-range-title {
   font-size: 14px;
-  color: #666666;
+  color: $--color-text-regular;
   font-weight: 600;
   padding: 14px 0 7px 8px;
 }
@@ -194,12 +196,12 @@
         flex: 1;
         .el-input__inner{
           border: 1px solid $--border-color-light;
-          border-radius: 2px 0px 0px 2px;
+          border-radius: 2px;
           width: 230px;
           padding: 0 8px;
           //height: 30px;
           //line-height: 30px;
-          outline: #169AFF;
+          //outline: #169AFF;
         }
 
       }
@@ -209,17 +211,22 @@
       .nz-icon-box{
         height: 28px;
         box-sizing: border-box;
-        background: $--background-color-disabled;
+        background: $--background-color-2;
         line-height: 28px;
         padding: 0 4px;
-        border-radius: 0 2px 2px 0;
-
+        border-radius: 2px;
+        color: $--color-text-regular;
+        border: 1px solid $--border-color-base;
+        margin-left: 4px;
+        .nz-icon{
+          font-size: 14px;
+        }
       }
       &.input-error{
         .el-input{
           .el-input__inner{
             border: 1px solid $--color-danger;
-            outline: $--color-danger;
+            //outline: $--color-danger;
           }
         }
         .input-hint{
diff --git a/nezha-fronted/src/assets/css/themes/theme-light.scss b/nezha-fronted/src/assets/css/themes/theme-light.scss
index 738ab8f21..7fe14a84c 100644
--- a/nezha-fronted/src/assets/css/themes/theme-light.scss
+++ b/nezha-fronted/src/assets/css/themes/theme-light.scss
@@ -34,7 +34,7 @@ $--left-menu-background-color-hover: $--left-menu-background-color-active;
 // 标题字色(覆盖element-ui内置变量)
 $--color-text-primary: #333333;
 // 普通字色(覆盖element-ui内置变量)
-$--color-text-regular: #666665;
+$--color-text-regular: #666666;
 // 次要字色(覆盖element-ui内置变量)
 $--color-text-secondary: #999998;
 // 链接字色