fix(tag): update tag adapter dark mode

Author: shenjunjian

examples/sites/demos/pc/app/tag/color-border-composition-api.vue

@@ -21,8 +21,8 @@ import { TinyTag } from '@opentiny/vue'
 </script>
 
 <style scoped>
-.tiny-tag-demo > * {
-  margin-bottom: 8px;
-  margin-top: 8px;
+.tiny-tag-demo .tiny-tag {
+  margin-right: 10px;
+  margin-bottom: 10px;
 }
 </style>

examples/sites/demos/pc/app/tag/color-border.vue

@@ -27,8 +27,8 @@ export default {
 </script>
 
 <style scoped>
-.tiny-tag-demo > * {
-  margin-bottom: 8px;
-  margin-top: 8px;
+.tiny-tag-demo .tiny-tag {
+  margin-right: 10px;
+  margin-bottom: 10px;
 }
 </style>

packages/theme/src/tag/vars.less

@@ -91,7 +91,7 @@
   // 默认标签plain的文本色
   --tv-Tag-text-color-plain: var(--tv-color-text);
   // 默认标签plain的背景色
-  --tv-Tag-bg-color-plain: var(--tv-color-bg-secondary);
+  --tv-Tag-bg-color-plain: transparent;
   // 默认标签plain的边框色
   --tv-Tag-border-color-plain: var(--tv-color-border-hover); // 没有正确的边框色
 
@@ -110,7 +110,7 @@
   // success 主题时标签plain的文本色
   --tv-Tag-text-color-plain-success: var(--tv-color-success-text);
   // success 主题时标签plain的背景色
-  --tv-Tag-bg-color-plain-success: var(--tv-color-success-text-white);
+  --tv-Tag-bg-color-plain-success: transparent;
   // success 主题时标签plain的边框色
   --tv-Tag-border-color-plain-success: var(--tv-color-success-border);
 
@@ -129,7 +129,7 @@
   // error 主题时标签plain的文本色
   --tv-Tag-text-color-plain-danger: var(--tv-color-error-text);
   // error 主题时标签plain的背景色
-  --tv-Tag-bg-color-plain-danger: var(--tv-color-error-bg-white);
+  --tv-Tag-bg-color-plain-danger: transparent;
   // error 主题时标签plain的边框色
   --tv-Tag-border-color-plain-danger: var(--tv-color-error-border);
 
@@ -148,7 +148,7 @@
   // warning 主题时标签plain的文本色
   --tv-Tag-text-color-plain-warning: var(--tv-color-warn-text);
   // warning 主题时标签plain的背景色
-  --tv-Tag-bg-color-plain-warning: var(--tv-color-warn-text-white);
+  --tv-Tag-bg-color-plain-warning: transparent;
   // warning 主题时标签plain的边框色
   --tv-Tag-border-color-plain-warning: var(--tv-color-warn-border);
 
@@ -167,7 +167,7 @@
   // info 主题时标签plain的文本色
   --tv-Tag-text-color-plain-info: var(--tv-color-info-text);
   // info 主题时标签plain的背景色
-  --tv-Tag-bg-color-plain-info: var(--tv-color-info-bg-white);
+  --tv-Tag-bg-color-plain-info: transparent;
   // info 主题时标签plain的边框色
   --tv-Tag-border-color-plain-info: var(--tv-color-info-border);