diff --git a/src/components/CheckBox/index.vue b/src/components/CheckBox/index.vue
index 9bf97cc..fc014d5 100644
--- a/src/components/CheckBox/index.vue
+++ b/src/components/CheckBox/index.vue
@@ -4,8 +4,8 @@
       class="checkbox-icon"
       :type="isChecked"
       :checked="isChecked"
-      :color="iconColor"
       size="24"
+      color="opacity"
     />
     <slot></slot>
   </view>
@@ -28,11 +28,6 @@ const isChecked = computed(() => {
   return props.modelValue ? "checkbox-filled" : "circle";
 });
 
-// 计算图标颜色
-const iconColor = computed(() => {
-  return props.modelValue ? "#1890FF" : "#00A6FF";
-});
-
 // 切换选中状态
 const onChange = () => {
   emit("update:modelValue", !props.modelValue);
diff --git a/src/components/CheckBox/styles/index.scss b/src/components/CheckBox/styles/index.scss
index 595dd97..3ed1446 100644
--- a/src/components/CheckBox/styles/index.scss
+++ b/src/components/CheckBox/styles/index.scss
@@ -5,5 +5,6 @@
 
   .checkbox-icon {
     margin-right: 6px;
+    color: $theme-color-500;
   }
 }