fix(button): [button] Adapt to fark themes

Author: Youyou-smiles

packages/theme/src/button/index.less

@@ -224,14 +224,15 @@
   &.is-loading.is-loading.is-loading.is-loading.is-loading,
   &[disabled][disabled][disabled][disabled][disabled] {
     color: var(--tv-Button-text-color-disabled); 
-    border-color: var(--tv-Button-border-color-disabled);
     background-color: var(--tv-Button-bg-color-disabled);
+    border-color: var(--tv-Button-border-color-disabled);
     fill: var(--tv-Button-icon-color-disabled);
     cursor: not-allowed;
 
     &.is-ghost {
       border-color: var(--tv-Button-border-color-ghost-disabled);
     }
+    // 仅图标，禁用时无背景
     &.is-only-icon {
       background-color: transparent;
     }
@@ -270,6 +271,7 @@
     justify-content: center;
     &.@{button-prefix-cls}--default {
       border-color: var(--tv-Button-border-color-only-icon-default);
+      // 为适配暗色主题，仅图标增加默认图标颜色
       svg {
         fill: var(--tv-Button-color-only-icon-default);
       }
@@ -278,6 +280,7 @@
       &:hover,
       &.is-active {
         border-color: var(--tv-Button-border-color-only-icon-default-hover);
+        // 为适配暗色主题，仅图标增加默认图标悬浮颜色
         svg {
           fill: var(--tv-Button-color-only-icon-default-hover);
         }
@@ -311,6 +314,7 @@
       border-radius: var(--tv-Button-border-radius-only-icon-ontext); // 影响hover时的阴影
 
       background-color: var(--tv-Button-bg-color-only-icon-ontext);
+      // 无边框时的仅图标按钮，增加图标默认颜色
       svg {
         fill: var(--tv-Button-bg-color-only-icon)
       }
@@ -319,6 +323,7 @@
       &:hover,
       &.is-active {
         background-color: var(--tv-Button-bg-color-only-icon-ontext-hover);
+        // 无边框时的仅图标按钮，增加图标悬浮颜色
         svg {
           fill: var(--tv-Button-bg-color-only-icon-hover)
         }
@@ -343,11 +348,12 @@
         fill: var(--tv-Button-icon-color);
         color: var(--tv-Button-icon-color);
       }
-    }
-    &.@{button-prefix-cls}--text.is-disabled {
-      &:hover {
-        svg {
-          fill: var(--tv-Button-disabled-color-only-icon-hover)
+      // 上面为图标加上悬浮颜色，这里禁用时去掉hover颜色
+      &.is-disabled {
+        &:hover {
+          svg {
+            fill: var(--tv-Button-disabled-color-only-icon-hover)
+          }
         }
       }
     }
@@ -386,6 +392,7 @@
 
     .tiny-svg {
       margin-right: var(--tv-Button-margin-right-isicon-svg);
+      // 混排时 适配图标浅色暗色主题，增加图标默认颜色
       fill: var(--tv-Button-color-icon-svg);
     }
   }