diff --git a/src/assets/styles/antd.scss b/src/assets/styles/antd.scss
index 06941321..af33e3cd 100644
--- a/src/assets/styles/antd.scss
+++ b/src/assets/styles/antd.scss
@@ -27,7 +27,7 @@
   transition: none;
 
   &:hover {
-    background-color: #e1e1e1;
+    background-color: rgba($color: $themeColor, $alpha: .2);
   }
 }
 
@@ -55,6 +55,9 @@
 .ant-select {
   user-select: none;
 }
+.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+  background-color: rgba($color: $themeColor, $alpha: .2);
+}
 
 // tooltip
 .ant-tooltip-inner {
diff --git a/src/views/Screen/WritingBoardTool.vue b/src/views/Screen/WritingBoardTool.vue
index 85f77cd5..34f3672c 100644
--- a/src/views/Screen/WritingBoardTool.vue
+++ b/src/views/Screen/WritingBoardTool.vue
@@ -130,7 +130,7 @@ export default defineComponent({
     cursor: pointer;
 
     &:hover {
-      background-color: #ccc;
+      background-color: rgba($color: $themeColor, $alpha: .2);
     }
   }
   .colors {