mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-07 17:44:35 +08:00
fix: Set site h tag style in dark mode (#26332)
* add site h tag color * #000 -> @black * empty demo h3 -> h4
This commit is contained in:
parent
f4f5b633ff
commit
06b7a7aed9
@ -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"
|
||||
>
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
|
@ -93,6 +93,15 @@
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: @heading-color;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
code,
|
||||
pre,
|
||||
|
Loading…
Reference in New Issue
Block a user