UI优化

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;

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 {

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;