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 @@ @@ -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;