diff --git a/components/empty/__tests__/__snapshots__/demo.test.js.snap b/components/empty/__tests__/__snapshots__/demo.test.js.snap
index 79fd5b58c1..6b9b728532 100644
--- a/components/empty/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/empty/__tests__/__snapshots__/demo.test.js.snap
@@ -99,9 +99,9 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
   <div
     class="config-provider"
   >
-    <h3>
+    <h4>
       Select
-    </h3>
+    </h4>
     <div
       class="ant-select ant-select-single ant-select-show-arrow"
       style="width:200px"
@@ -159,9 +159,9 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
         </span>
       </span>
     </div>
-    <h3>
+    <h4>
       TreeSelect
-    </h3>
+    </h4>
     <div
       class="ant-select ant-tree-select ant-select-single ant-select-show-arrow"
       style="width:200px"
@@ -219,9 +219,9 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
         </span>
       </span>
     </div>
-    <h3>
+    <h4>
       Cascader
-    </h3>
+    </h4>
     <span
       class="ant-cascader-picker ant-cascader-picker-show-search"
       style="width:200px"
@@ -259,9 +259,9 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
         </svg>
       </span>
     </span>
-    <h3>
+    <h4>
       Transfer
-    </h3>
+    </h4>
     <div
       class="ant-transfer"
     >
@@ -532,9 +532,9 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
         </div>
       </div>
     </div>
-    <h3>
+    <h4>
       Table
-    </h3>
+    </h4>
     <div
       class="ant-table-wrapper"
       style="margin-top:8px"
@@ -640,9 +640,9 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
         </div>
       </div>
     </div>
-    <h3>
+    <h4>
       List
-    </h3>
+    </h4>
     <div
       class="ant-list ant-list-split"
     >
diff --git a/components/empty/demo/config-provider.md b/components/empty/demo/config-provider.md
index 71b09ecf1c..550dc06ca7 100644
--- a/components/empty/demo/config-provider.md
+++ b/components/empty/demo/config-provider.md
@@ -58,19 +58,19 @@ class Demo extends React.Component {
 
         <ConfigProvider renderEmpty={customize && customizeRenderEmpty}>
           <div className="config-provider">
-            <h3>Select</h3>
+            <h4>Select</h4>
             <Select style={style} />
 
-            <h3>TreeSelect</h3>
+            <h4>TreeSelect</h4>
             <TreeSelect style={style} treeData={[]} />
 
-            <h3>Cascader</h3>
+            <h4>Cascader</h4>
             <Cascader style={style} options={[]} showSearch />
 
-            <h3>Transfer</h3>
+            <h4>Transfer</h4>
             <Transfer />
 
-            <h3>Table</h3>
+            <h4>Table</h4>
             <Table
               style={{ marginTop: 8 }}
               columns={[
@@ -87,7 +87,7 @@ class Demo extends React.Component {
               ]}
             />
 
-            <h3>List</h3>
+            <h4>List</h4>
             <List />
           </div>
         </ConfigProvider>
@@ -100,7 +100,7 @@ ReactDOM.render(<Demo />, mountNode);
 ```
 
 <style>
-.code-box-demo .config-provider h3 {
+.code-box-demo .config-provider h4 {
   font-size: inherit;
   margin: 16px 0 8px 0;
 }
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index a2eccabb2b..3a9c8bfa8f 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -55,8 +55,7 @@
 @text-color-inverse: @white;
 @icon-color: inherit;
 @icon-color-hover: fade(@black, 75%);
-@heading-color: fade(#000, 85%);
-@heading-color-dark: fade(@white, 100%);
+@heading-color: fade(@black, 85%);
 @text-color-dark: fade(@white, 85%);
 @text-color-secondary-dark: fade(@white, 65%);
 @text-selection-bg: @primary-color;
diff --git a/site/theme/static/dark.less b/site/theme/static/dark.less
index be493d61de..b76ae999f7 100644
--- a/site/theme/static/dark.less
+++ b/site/theme/static/dark.less
@@ -93,6 +93,15 @@
     }
   }
 
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    color: @heading-color;
+  }
+
   .markdown {
     code,
     pre,