fix(theme): [skeleton,collapse] update dark theme (opentiny#3219)

* fix(guide): [tag-group,guide] update dark theme

* fix(theme): [guide,skeleton,collapse] update dark theme

Author: wuyiping0628

examples/sites/demos/pc/app/collapse/title-composition-api.vue

@@ -57,6 +57,7 @@ const TinyIconSetting = iconSetting()
 
 .tiny-icon-star-o {
   margin-left: 12px;
+  fill: var(--tv-color-icon, #808080);
 }
 
 .tiny-icon-star-o,

examples/sites/demos/pc/app/collapse/title.vue

@@ -65,6 +65,7 @@ export default {
 
 .tiny-icon-star-o {
   margin-left: 12px;
+  fill: var(--tv-color-icon, #808080);
 }
 
 .tiny-icon-star-o,

packages/theme/src/collapse-item/index.less

@@ -58,6 +58,10 @@
       margin-left: auto;
       color: var(--tv-CollapseItem-title-right-text-color);
       fill: var(--tv-CollapseItem-title-right-icon-color);
+
+      &:hover {
+        text-decoration: underline;
+      }
     }
 
     &.is-active {
@@ -99,5 +103,6 @@
     padding: 24px 20px;
     font-size: var(--tv-CollapseItem-content-font-size);
     line-height: 1.5;
+    border-top: 1px solid var(--tv-CollapseItem-header-border-color);
   }
 }

packages/theme/src/collapse-item/vars.less

@@ -14,7 +14,7 @@
   // 面板默认文本色
   --tv-CollapseItem-text-color: var(--tv-color-text, #191919);
   // 面板背景色
-  --tv-CollapseItem-bg-color: var(--tv-color-bg-gray-1, #fafafa);
+  --tv-CollapseItem-bg-color: var(--tv-color-bg-3, #ffffff);
   // 面板头部向下箭头图标色
   --tv-CollapseItem-icon-color: var(--tv-color-icon, #808080);
   // 面板禁用文本色

packages/theme/src/skeleton-item/vars.less

@@ -4,7 +4,7 @@
   // 骨架屏元素半径设置
   --tv-SkeletonItem-border-radius: var(--tv-border-radius-sm, 4px);
   // 图片颜色设置
-  --tv-SkeletonItem-image-icon-color: var(--tv-color-bg, #f5f5f5);
+  --tv-SkeletonItem-image-icon-color: var(--tv-color-icon-disabled, #c2c2c2);
   // 方形高度设置
   --tv-SkeletonItem-square-height: var(--tv-size-height-sm, 28px);
   // 圆角半径设置