diff --git a/src/layout/components/Settings/components/ThemeColorPicker.vue b/src/layout/components/Settings/components/ThemeColorPicker.vue
deleted file mode 100644
index 946ef189..00000000
--- a/src/layout/components/Settings/components/ThemeColorPicker.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <el-color-picker
-    v-model="currentColor"
-    :predefine="colorPresets"
-    popper-class="theme-picker-dropdown"
-  />
-</template>
-
-<script lang="ts" setup>
-const props = defineProps({
-  modelValue: String,
-});
-
-const emit = defineEmits(["update:modelValue"]);
-
-// 主题颜色预设
-const colorPresets = [
-  "#4080FF",
-  "#ff4500",
-  "#ff8c00",
-  "#90ee90",
-  "#00ced1",
-  "#1e90ff",
-  "#c71585",
-  "rgb(255, 120, 0)",
-  "hsva(120, 40, 94)",
-];
-
-const currentColor = ref(props.modelValue);
-
-watch(currentColor, (newValue) => {
-  emit("update:modelValue", newValue);
-});
-</script>
-
-<style scoped>
-:deep(.theme-picker-dropdown) {
-  z-index: 99999 !important;
-}
-</style>
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index 13482415..ca45a035 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -90,7 +90,6 @@ declare module "vue" {
     SizeSelect: (typeof import("./../components/SizeSelect/index.vue"))["default"];
     TableSelect: (typeof import("./../components/TableSelect/index.vue"))["default"];
     TagsView: (typeof import("./../layout/components/TagsView/index.vue"))["default"];
-    ThemeColorPicker: (typeof import("./../layout/components/Settings/components/ThemeColorPicker.vue"))["default"];
     WangEditor: (typeof import("./../components/WangEditor/index.vue"))["default"];
   }
   export interface ComponentCustomProperties {