From b58a50a601adcec534bd415189a1d5fcef37b85f Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Wed, 25 Mar 2026 17:08:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=B8=8B=E6=8B=89=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E8=89=B2=E8=B0=83=E5=92=8C=E6=B7=BB=E5=8A=A0text?=
 =?UTF-8?q?=E7=9A=84icon=E5=A2=9E=E5=A4=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/style.css                        | 17 +++++++++++++++++
 src/assets/css/style.less                       | 11 ++++++++++-
 .../FlowCanvas/components/header-tools.vue      |  2 +-
 .../Canvas/FlowCanvas/components/nodes/text.vue |  2 +-
 .../components/tools/my-textTools.vue           |  2 +-
 5 files changed, 30 insertions(+), 4 deletions(-)

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;