From 0c844716717277f16dcc523cb054841469dac8de Mon Sep 17 00:00:00 2001
From: ZiuChen <457353192@qq.com>
Date: Thu, 25 Aug 2022 22:06:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=20=E5=A2=9E=E5=8A=A0=E5=8A=A8=E7=94=BB?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/style/cpns/clip-item-list.less | 25 +++++++++++--------------
 src/style/index.less               | 12 ++++++------
 2 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/src/style/cpns/clip-item-list.less b/src/style/cpns/clip-item-list.less
index 5e03586..4c3a7d1 100644
--- a/src/style/cpns/clip-item-list.less
+++ b/src/style/cpns/clip-item-list.less
@@ -3,16 +3,18 @@
   .clip-item {
     display: flex;
     justify-content: space-between;
-    border: 0px solid @bg-color;
-    margin: 0px 5px;
+    margin: 0px 2px;
     /* 占用px 但是不显示(与背景同色) */
-    border-width: 1px 1px 1px 1px;
-    border-color: @text-bg-color-lighter @bg-color @text-bg-color-lighter @bg-color;
+    border-style: solid hidden hidden hidden;
+    border-width: 1px 0px 0px 0px;
+    border-color: @text-bg-color-lighter @bg-color @bg-color @bg-color;
     cursor: pointer;
     &.active {
-      border: 0px solid @primary-color;
-      border-width: 1px 1px 1px 1px;
+      border-style: hidden hidden hidden solid;
+      border-width: 1px 0px 0px 6px;
+      border-color: @bg-color @bg-color @bg-color @primary-color;
       background-color: @text-bg-color-lighter;
+      transition: all 0.15s;
     }
     .clip-info {
       display: flex;
@@ -34,7 +36,7 @@
           background-color: @text-bg-color;
           border-radius: 5px;
           min-width: 50px;
-          padding: 5px 10px 5px 10px;
+          padding: 5px 7px 5px 7px;
         }
       }
       .clip-data {
@@ -50,9 +52,7 @@
           // 此 class用于区分 file的 image
           max-height: 140px; // 比外框 max-height少一点 因为有 5px的边框
           max-width: 90%;
-          padding: 5px;
-          background-color: @bg-color;
-          border-radius: 5px;
+          box-shadow: 0px 0px 3px @text-color;
         }
         .clip-data-status {
           position: absolute;
@@ -60,11 +60,8 @@
           color: @text-color;
           background-color: @primary-color-lighter;
           border-radius: 5px;
-          padding: 2px;
+          padding: 5px;
           font-size: 13px;
-          &.image {
-            margin: 10px;
-          }
         }
       }
     }
diff --git a/src/style/index.less b/src/style/index.less
index 2565c65..8b2b518 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -9,11 +9,11 @@
 
 @media (prefers-color-scheme: dark) {
   #app {
-    @primary-color: #8a2be2;
-    @primary-color-lighter: #d3b8ec;
+    @primary-color: #3271ae;
+    @primary-color-lighter: #798ea4;
     @text-color: #e8e6e3;
     @text-color-lighter: rgb(181, 181, 181);
-    @text-bg-color: #7f7c83;
+    @text-bg-color: #656565;
     @text-bg-color-lighter: #4e4e4e;
     @nav-bg-color: #222426;
     @nav-hover-bg-color: #2b2e30;
@@ -24,11 +24,11 @@
 
 @media (prefers-color-scheme: light) {
   #app {
-    @primary-color: #8a2be2;
-    @primary-color-lighter: #d3b8ec;
+    @primary-color: #3271ae;
+    @primary-color-lighter: #798ea4;
     @text-color: #333;
     @text-color-lighter: rgb(138, 138, 138);
-    @text-bg-color: #e3d9ec;
+    @text-bg-color: #f2f2f2;
     @text-bg-color-lighter: #eeeaf3;
     @nav-bg-color: #eeeeee;
     @nav-hover-bg-color: #dedede;