fix(text-popup): [text-popup] update dark theme

Author: wuyiping0628

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>

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>

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);

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);
   // 输入框悬浮边框色