fix(ui): fix style when card action is disabled

Author: xiejay97

packages/ui/src/components/card/demos/1.Basic.md

@@ -29,7 +29,7 @@ export default function Demo() {
       </DCard.Content>
       <DCard.Actions
         dActions={[
-          <DCard.Action title="edit">
+          <DCard.Action title="edit" disabled>
             <EditOutlined />
           </DCard.Action>,
           <DCard.Action title="delete">

packages/ui/src/styles/components/card.scss

@@ -55,7 +55,7 @@
     padding: 0;
     margin: 0;
     font: inherit;
-    color: var(--#{$rd-prefix}color-icon-decorator);
+    color: var(--#{$rd-prefix}text-color-sub);
     vertical-align: top;
     cursor: pointer;
     background-color: transparent;
@@ -69,9 +69,9 @@
       color: var(--#{$rd-prefix}color-primary-lighter);
     }
 
-    &:disabled {
+    &[disabled] {
+      color: var(--#{$rd-prefix}color-disabled);
       pointer-events: none;
-      filter: opacity(50%);
     }
   }
 }