From 0b5a346c5898501e4191464f9d363aa42ac0e2c0 Mon Sep 17 00:00:00 2001
From: wuyiping0628 <42107997+wuyiping0628@users.noreply.github.com>
Date: Tue, 18 Mar 2025 20:22:41 -0700
Subject: [PATCH] fix(text-popup): [text-popup] update dark theme (#3159)

---
 .../demos/pc/app/text-popup/clear-value-composition-api.vue   | 2 ++
 examples/sites/demos/pc/app/text-popup/clear-value.vue        | 2 ++
 packages/theme/src/text-popup/index.less                      | 4 ++++
 packages/theme/src/text-popup/vars.less                       | 4 ++++
 4 files changed, 12 insertions(+)

diff --git a/examples/sites/demos/pc/app/text-popup/clear-value-composition-api.vue b/examples/sites/demos/pc/app/text-popup/clear-value-composition-api.vue
index dcb1e5c96..d5c41a082 100644
--- a/examples/sites/demos/pc/app/text-popup/clear-value-composition-api.vue
+++ b/examples/sites/demos/pc/app/text-popup/clear-value-composition-api.vue
@@ -3,6 +3,8 @@
     <div>value 值：{{ value }}</div>
     <br />
     <tiny-button @click="click">点击清除</tiny-button>
+    <br />
+    <br />
     <tiny-text-popup v-model="value"></tiny-text-popup>
   </div>
 </template>
diff --git a/examples/sites/demos/pc/app/text-popup/clear-value.vue b/examples/sites/demos/pc/app/text-popup/clear-value.vue
index 504a89967..dc8431115 100644
--- a/examples/sites/demos/pc/app/text-popup/clear-value.vue
+++ b/examples/sites/demos/pc/app/text-popup/clear-value.vue
@@ -3,6 +3,8 @@
     <div>value 值：{{ value }}</div>
     <br />
     <tiny-button @click="click">点击清除</tiny-button>
+    <br />
+    <br />
     <tiny-text-popup v-model="value"></tiny-text-popup>
   </div>
 </template>
diff --git a/packages/theme/src/text-popup/index.less b/packages/theme/src/text-popup/index.less
index 197892e14..bb02cc02d 100644
--- a/packages/theme/src/text-popup/index.less
+++ b/packages/theme/src/text-popup/index.less
@@ -32,12 +32,16 @@
     border-radius: var(--tv-TextPopup-border-radius, 2px);
     outline: none;
     box-sizing: border-box;
+    background-color: var(--tv-TextPopup-bg-color);
+    color: var(--tv-TextPopup-text-color);
   }
 
   .text {
     border: 1px solid var(--tv-TextPopup-border-color);
     line-height: 1;
     height: var(--tv-TextPopup-height);
+    background-color: var(--tv-TextPopup-bg-color);
+    color: var(--tv-TextPopup-text-color);
 
     &:hover {
       border-color: var(--tv-TextPopup-hover-border-color);
diff --git a/packages/theme/src/text-popup/vars.less b/packages/theme/src/text-popup/vars.less
index 62d3b963d..2d0ec4ebd 100644
--- a/packages/theme/src/text-popup/vars.less
+++ b/packages/theme/src/text-popup/vars.less
@@ -19,6 +19,10 @@
   --tv-TextPopup-font-size: var(--tv-font-size-default);
   // 输入框边框色
   --tv-TextPopup-border-color: var(--tv-color-border);
+  // 输入框边背景色
+  --tv-TextPopup-bg-color: var(--tv-color-bg-secondary);
+  // 输入框边文字颜色
+  --tv-TextPopup-text-color: var(--tv-color-text);
   // 输入框聚焦展开时阴影
   --tv-TextPopup-box-shadow: var(--tv-shadow-1);
   // 输入框悬浮边框色