diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index f479d8b..ac0dcd0 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -79,3 +79,20 @@ body,
   --el-color-primary-light-9: #fff2ec;
   --el-color-primary-dark-2: #cc6241;
 }
+.el-select,
+.el-popper {
+  --el-color-primary: #6c6c6c;
+  /* 主灰色 */
+  --el-color-primary-light-3: #8a8a8a;
+  /* 较浅的灰色（混合20%白） */
+  --el-color-primary-light-5: #a8a8a8;
+  /* 更浅的灰色（混合33%白） */
+  --el-color-primary-light-7: #c6c6c6;
+  /* 浅灰色（混合47%白） */
+  --el-color-primary-light-8: #d4d4d4;
+  /* 很浅的灰色（混合53%白） */
+  --el-color-primary-light-9: #e3e3e3;
+  /* 极浅的灰色（混合60%白） */
+  --el-color-primary-dark-2: #565656;
+  /* 深灰色（加深20%） */
+}
diff --git a/src/assets/css/style.less b/src/assets/css/style.less
index 22d4fcd..fd26490 100644
--- a/src/assets/css/style.less
+++ b/src/assets/css/style.less
@@ -95,4 +95,13 @@ body,
 	--el-color-primary-light-8: #ffe8df;       // 很浅的橙红（混合53%白）
 	--el-color-primary-light-9: #fff2ec;       // 极浅的橙红（混合60%白）
 	--el-color-primary-dark-2: #cc6241;        // 深橙红（加深20%）
-}
\ No newline at end of file
+}
+.el-select, .el-popper{
+	--el-color-primary: #6c6c6c;                    /* 主灰色 */
+	--el-color-primary-light-3: #8a8a8a;            /* 较浅的灰色（混合20%白） */
+	--el-color-primary-light-5: #a8a8a8;            /* 更浅的灰色（混合33%白） */
+	--el-color-primary-light-7: #c6c6c6;            /* 浅灰色（混合47%白） */
+	--el-color-primary-light-8: #d4d4d4;            /* 很浅的灰色（混合53%白） */
+	--el-color-primary-light-9: #e3e3e3;            /* 极浅的灰色（混合60%白） */
+	--el-color-primary-dark-2: #565656;             /* 深灰色（加深20%） */
+}
diff --git a/src/components/Canvas/FlowCanvas/components/header-tools.vue b/src/components/Canvas/FlowCanvas/components/header-tools.vue
index 2f840b0..ecfe5fd 100644
--- a/src/components/Canvas/FlowCanvas/components/header-tools.vue
+++ b/src/components/Canvas/FlowCanvas/components/header-tools.vue
@@ -44,7 +44,7 @@
 	const tools = ref([
 		{ name: TOOLS.SELECT, icon: 'c-select', iconSize: 16, disabled: ref(false) },
 		{ name: TOOLS.MOVE, icon: 'c-move', iconSize: 18, disabled: ref(false) },
-		{ name: TOOLS.TEXT, icon: 'c-text', iconSize: 18, disabled: ref(false) },
+		{ name: TOOLS.TEXT, icon: 'c-text', iconSize: 22, disabled: ref(false) },
 		{ type: 'line' },
 		{
 			name: TOOLS.UNDO,
diff --git a/src/components/Canvas/FlowCanvas/components/nodes/text.vue b/src/components/Canvas/FlowCanvas/components/nodes/text.vue
index 551b659..c4b5892 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/text.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/text.vue
@@ -12,7 +12,7 @@
 			@paste.prevent
 			@keydown.stop
 		></div>
-		<div class="tools" @mousedown="onMouseDown">
+		<div class="tools" @mousedown="onMouseDown" v-if="active">
 			<myTextTools :textStyle="data.textStyle"></myTextTools>
 		</div>
 		<span class="delete" @mousedown.stop @click="emit('delete-node')" v-show="active">
diff --git a/src/components/Canvas/FlowCanvas/components/tools/my-textTools.vue b/src/components/Canvas/FlowCanvas/components/tools/my-textTools.vue
index 480fb48..f95ee47 100644
--- a/src/components/Canvas/FlowCanvas/components/tools/my-textTools.vue
+++ b/src/components/Canvas/FlowCanvas/components/tools/my-textTools.vue
@@ -121,7 +121,7 @@
 		}
 		.fontFamily{
 			width: 103px;
-			
+			--el-text-color-regular: #000
 		}
 		.color{
 			width: 55px;