From 4dc53e2fe9df3a71a7ec1ba6a41ce98bfc5e3780 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <1171051090@qq.com>
Date: Sat, 16 Jan 2021 16:58:04 +0800
Subject: [PATCH] =?UTF-8?q?UI=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ColorPicker/index.vue            | 1 +
 src/views/Editor/Thumbnails/index.vue           | 2 +-
 src/views/Editor/Toolbar/common/ColorButton.vue | 6 +++++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ColorPicker/index.vue b/src/components/ColorPicker/index.vue
index 4b8a745..13e4822 100644
--- a/src/components/ColorPicker/index.vue
+++ b/src/components/ColorPicker/index.vue
@@ -209,6 +209,7 @@ export default defineComponent({
   position: relative;
   margin-top: 4px;
   margin-right: 4px;
+  outline: 1px dashed rgba($color: #666, $alpha: .12);
 
   .checkerboard {
     background-size: auto;
diff --git a/src/views/Editor/Thumbnails/index.vue b/src/views/Editor/Thumbnails/index.vue
index 61933c2..a80e7e4 100644
--- a/src/views/Editor/Thumbnails/index.vue
+++ b/src/views/Editor/Thumbnails/index.vue
@@ -167,7 +167,7 @@ export default defineComponent({
   padding: 5px 0;
 
   .thumbnail {
-    outline: 1px solid rgba($color: $themeColor, $alpha: .1);
+    outline: 1px solid rgba($color: $themeColor, $alpha: .15);
   }
 
   &.active {
diff --git a/src/views/Editor/Toolbar/common/ColorButton.vue b/src/views/Editor/Toolbar/common/ColorButton.vue
index 520c5c8..4b3d08b 100644
--- a/src/views/Editor/Toolbar/common/ColorButton.vue
+++ b/src/views/Editor/Toolbar/common/ColorButton.vue
@@ -1,6 +1,9 @@
 <template>
   <Button class="color-btn">
-    <div class="color-block" :style="{ backgroundColor: color }"></div>
+    <div 
+      class="color-block" 
+      :style="{ backgroundColor: color }"
+    ></div>
     <IconPlatte class="color-btn-icon" />
   </Button>
 </template>
@@ -28,6 +31,7 @@ export default {
   height: 20px;
   margin-left: 8px;
   flex: 1;
+  outline: 1px dashed rgba($color: #666, $alpha: .12);
 }
 .color-btn-icon {
   width: 30px;