support dark theme

AccountCenter/src/components/Applications/index.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%;
     }

AccountSettings/src/style.less

@@ -36,7 +36,7 @@
   }
   :global {
     .ant-list-split .ant-list-item:last-child {
-      border-bottom: 1px solid #e8e8e8;
+      border-bottom: 1px solid @border-color-split;
     }
     .ant-list-item {
       padding-top: 14px;

FormStepForm/src/components/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) {

ListBasicList/src/_mock.ts

@@ -100,7 +100,7 @@ function fakeList(count: number): BasicListItemDataType[] {
   return list;
 }
 
-let sourceData: Array<BasicListItemDataType>;
+let sourceData: Array<BasicListItemDataType> = [];
 
 function getFakeList(req: { query: any }, res: { json: (arg0: BasicListItemDataType[]) => void }) {
   const params = req.query;
@@ -117,7 +117,7 @@ function postFakeList(req: { body: any }, res: { json: (arg0: BasicListItemDataT
   // const params = getUrlParams(url);
   const { method, id } = body;
   // const count = (params.count * 1) || 20;
-  let result = sourceData;
+  let result = sourceData || [];
 
   switch (method) {
     case 'delete':

ListTableList/src/_mock.ts

@@ -155,6 +155,6 @@ function postRule(
 }
 
 export default {
-  'GET /api/': getRule,
-  'POST /api/': postRule,
+  'GET /api/rule': getRule,
+  'POST /api/rule': postRule,
 };

ResultFail/src/Result/index.less

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

ResultFail/src/index.less

@@ -3,3 +3,9 @@
 .error_icon {
   color: @highlight-color;
 }
+.title {
+  margin-bottom: 16px;
+  color: @heading-color;
+  font-weight: 500;
+  font-size: 16px;
+}

ResultFail/src/index.tsx

 import React, { Fragment } from 'react';
 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 Result from './Result';
 import styles from './index.less';
 
 const extra = (
   <Fragment>
-    <div
-      style={{
-        fontSize: 16,
-        color: 'rgba(0, 0, 0, 0.85)',
-        fontWeight: 500,
-        marginBottom: 16,
-      }}
-    >
+    <div className={styles.title}>
       <FormattedMessage
         id="BLOCK_NAME.error.hint-title"
         defaultMessage="The content you submitted has the following error:"
@@ -32,11 +25,7 @@ const extra = (
       </a>
     </div>
     <div>
-      <Icon
-        style={{ color: '#f5222d', marginRight: 8 }}
-        className={styles.error_icon}
-        type="close-circle-o"
-      />
+      <Icon style={{ 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"

ResultSuccess/src/Result/index.less

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

ResultSuccess/src/index.less

+@import '~antd/lib/style/themes/default.less';
+
+.title {
+  position: relative;
+  left: 42px;
+  color: @text-color;
+  font-size: 12px;
+  text-align: left;
+}
+
+.head-title {
+  margin-bottom: 20px;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500px;
+  font-size: 16px;
+}

ResultSuccess/src/index.tsx

@@ -3,22 +3,15 @@ import { formatMessage, FormattedMessage } from 'umi-plugin-react/locale';
 import { Button, Row, Col, Icon, Steps, Card } from 'antd';
 import Result from './Result';
 import { GridContent } from '@ant-design/pro-layout';
+import styles from './index.less';
 
 const { Step } = Steps;
 
 const desc1 = (
-  <div
-    style={{
-      fontSize: 12,
-      color: 'rgba(0, 0, 0, 0.45)',
-      position: 'relative',
-      left: 42,
-      textAlign: 'left',
-    }}
-  >
+  <div className={styles.title}>
     <div style={{ margin: '8px 0 4px' }}>
       <FormattedMessage id="BLOCK_NAME.success.step1-operator" defaultMessage="Qu Lili" />
-      <Icon style={{ marginLeft: 8 }} type="dingding-o" />
+      <Icon style={{ marginLeft: 8, color: '#00A0E9' }} type="dingding-o" />
     </div>
     <div>2016-12-12 12:32</div>
   </div>
@@ -40,31 +33,24 @@ const desc2 = (
 
 const extra = (
   <Fragment>
-    <div
-      style={{
-        fontSize: 16,
-        color: 'rgba(0, 0, 0, 0.85)',
-        fontWeight: 500,
-        marginBottom: 20,
-      }}
-    >
+    <div className={styles['head-title']}>
       <FormattedMessage id="BLOCK_NAME.success.operate-title" defaultMessage="Project Name" />
     </div>
     <Row style={{ marginBottom: 16 }}>
       <Col xs={24} sm={12} md={12} lg={12} xl={6}>
-        <span style={{ color: 'rgba(0, 0, 0, 0.85)' }}>
+        <span>
           <FormattedMessage id="BLOCK_NAME.success.operate-id" defaultMessage="Project ID：" />
         </span>
         23421
       </Col>
       <Col xs={24} sm={12} md={12} lg={12} xl={6}>
-        <span style={{ color: 'rgba(0, 0, 0, 0.85)' }}>
+        <span>
           <FormattedMessage id="BLOCK_NAME.success.principal" defaultMessage="Principal：" />
         </span>
         <FormattedMessage id="BLOCK_NAME.success.step1-operator" defaultMessage="Qu Lili" />
       </Col>
       <Col xs={24} sm={24} md={24} lg={24} xl={12}>
-        <span style={{ color: 'rgba(0, 0, 0, 0.85)' }}>
+        <span>
           <FormattedMessage
             id="BLOCK_NAME.success.operate-time"
             defaultMessage="Effective time："

UserRegisterResult/src/Result/index.less

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

package.json

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