support dart

DashboardAnalysis/src/components/Charts/TimelineChart/index.less

 .timelineChart {
-  background: #fff;
+  background: @component-background;
 }

FormAdvancedForm/src/components/FooterToolbar/index.less

@@ -9,7 +9,7 @@
   height: 56px;
   padding: 0 24px;
   line-height: 56px;
-  background: #fff;
+  background: @component-background;
   border-top: 1px solid @border-color-split;
   box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.03);
 

ListBasicList/src/Result/index.less

@@ -40,7 +40,7 @@
   .extra {
     padding: 24px 40px;
     text-align: left;
-    background: #fafafa;
+    background: @component-background;
     border-radius: @border-radius-sm;
 
     @media screen and (max-width: @screen-xs) {

ListCardList/src/index.tsx

@@ -96,7 +96,7 @@ class PAGE_NAME_UPPER_CAMEL_CASE extends Component<
             grid={{ gutter: 24, lg: 3, md: 2, sm: 1, xs: 1 }}
             dataSource={[nullData, ...list]}
             renderItem={item =>
-              item ? (
+              item && item.id ? (
                 <List.Item key={item.id}>
                   <Card
                     hoverable

ListCardList/src/style.less

@@ -14,9 +14,6 @@
           color: @heading-color;
         }
       }
-      .ant-card-actions {
-        background: #f7f9fa;
-      }
       .ant-card-body:hover {
         .ant-card-meta-title > a {
           color: @primary-color;
@@ -48,7 +45,7 @@
   width: 100%;
   height: 188px;
   color: @text-color-secondary;
-  background-color: #fff;
+  background-color: @component-background;
   border-color: @border-color-base;
   border-radius: @border-radius-sm;
 }

ListSearchApplications/src/style.less

@@ -10,9 +10,7 @@
     .ant-card-meta-avatar {
       font-size: 0;
     }
-    .ant-card-actions {
-      background: #f7f9fa;
-    }
+
     .ant-list .ant-list-item-content-single {
       max-width: 100%;
     }

ResultFail/src/index.less

+@import '~antd/lib/style/themes/default.less';
+
+.error_icon {
+  color: @highlight-color;
+}

ResultFail/src/index.tsx

@@ -3,6 +3,7 @@ import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
 import { Button, Icon, Card } from 'antd';
 import Result from './Result';
 import { GridContent } from '@ant-design/pro-layout';
+import styles from './index.less';
 
 const extra = (
   <Fragment>
@@ -20,7 +21,7 @@ const extra = (
       />
     </div>
     <div style={{ marginBottom: 16 }}>
-      <Icon style={{ color: '#f5222d', marginRight: 8 }} type="close-circle-o" />
+      <Icon style={{ marginRight: 8 }} className={styles.error_icon} type="close-circle-o" />
       <FormattedMessage
         id="BLOCK_NAME.error.hint-text1"
         defaultMessage="Your account has been frozen"
@@ -31,7 +32,11 @@ const extra = (
       </a>
     </div>
     <div>
-      <Icon style={{ color: '#f5222d', marginRight: 8 }} type="close-circle-o" />
+      <Icon
+        style={{ color: '#f5222d', marginRight: 8 }}
+        className={styles.error_icon}
+        type="close-circle-o"
+      />
       <FormattedMessage
         id="BLOCK_NAME.error.hint-text2"
         defaultMessage="Your account is not yet eligible to apply"

package.json

 {
   "private": true,
   "scripts": {
-    "dev": "cross-env PAGES_PATH='AccountSettings/src' umi dev",
+    "dev": "cross-env PAGES_PATH='ListCardList/src' umi dev",
     "lint": "npm run lint:ts && npm run lint:style && npm run lint:prettier",
     "lint-staged": "lint-staged",
     "lint-staged:ts": "tslint",