diff --git a/apps/web-antd/package.json b/apps/web-antd/package.json
index 3595f5c7..bcc89531 100644
--- a/apps/web-antd/package.json
+++ b/apps/web-antd/package.json
@@ -53,8 +53,7 @@
     "tinymce": "7.9.1",
     "unplugin-vue-components": "^0.27.3",
     "vue": "catalog:",
-    "vue-router": "catalog:",
-    "vue3-colorpicker": "^2.3.0"
+    "vue-router": "catalog:"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12"
diff --git a/apps/web-antd/src/views/system/dict/data/tag-style-picker.vue b/apps/web-antd/src/views/system/dict/data/tag-style-picker.vue
index 52a2c0f2..07515414 100644
--- a/apps/web-antd/src/views/system/dict/data/tag-style-picker.vue
+++ b/apps/web-antd/src/views/system/dict/data/tag-style-picker.vue
@@ -3,15 +3,10 @@ import type { RadioChangeEvent } from 'antdv-next';
 
 import { computed } from 'vue';
 
-import { usePreferences } from '@vben/preferences';
-
-import { RadioGroup, Select } from 'antdv-next';
-import { ColorPicker } from 'vue3-colorpicker';
+import { ColorPicker, RadioGroup, Select } from 'antdv-next';
 
 import { tagSelectOptions } from '#/components/dict';
 
-import 'vue3-colorpicker/style.css';
-
 /**
  * 需要禁止透传
  * 不禁止会有奇怪的bug 会绑定到selectType上
@@ -50,11 +45,6 @@ function handleSelectTypeChange(e: RadioChangeEvent) {
   // 必须给默认hex颜色 不能为空字符串
   color.value = e.target.value === 'custom' ? '#1677ff' : undefined;
 }
-
-const { isDark } = usePreferences();
-const theme = computed(() => {
-  return isDark.value ? 'black' : 'white';
-});
 </script>
 
 <template>
@@ -75,12 +65,11 @@ const theme = computed(() => {
       placeholder="请选择标签样式"
       @deselect="$emit('deselect')"
     />
+
     <ColorPicker
       v-if="selectType === 'custom'"
-      disable-alpha
-      format="hex"
-      v-model:pure-color="color"
-      :theme="theme"
+      v-model:value="color"
+      show-text
     />
   </div>
 </template>