mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-25 11:40:04 +08:00
Code Issues Actions 35 Packages Projects Releases Wiki Activity

Fix Menu[theme="dark"] text color, close #4440

Browse Source
This commit is contained in:
afc163 2017-01-03 00:12:23 +08:00
parent 372a44a92a
commit d0df37ed42
2 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/menu/style/index.less
View File

@ -333,28 +333,28 @@
.@{menu-prefix-cls} {
&-dark,
&-dark &-sub {
color: @text-color-secondary;
background: #404040;
color: @text-color-secondary-dark;
background: @menu-dark-bg;
}
&-dark &-inline&-sub {
background: #333;
background: @menu-dark-submenu-bg;
}
&-dark&-horizontal {
border-bottom-color: #404040;
border-bottom-color: @menu-dark-bg;
}
&-dark&-horizontal > &-item,
&-dark&-horizontal > &-submenu {
border-color: #404040;
border-color: @menu-dark-bg;
border-bottom: 0;
top: 0;
}
&-dark &-item,
&-dark &-item > a {
color: @text-color-secondary;
color: @text-color-secondary-dark;
}
&-dark&-inline,
@ -376,18 +376,18 @@
&-dark &-submenu:hover,
&-dark &-submenu-title:hover {
background-color: transparent;
color: #fff;
color: @text-color-dark;
> a {
color: #fff;
color: @text-color-dark;
}
}
&-dark &-item-selected {
border-right: 0;
color: #fff;
color: @text-color-dark;
> a,
> a:hover {
color: #fff;
color: @text-color-dark;
}
}

11
components/style/themes/default.less
View File

@ -27,10 +27,14 @@
@component-background : #fff;
@font-family : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@code-family : Consolas, Menlo, Courier, monospace;
@text-color : fade(#000, 65%);
@heading-color : fade(#000, 75%);
@text-color : fade(#000, 65%);
@text-color-secondary : fade(#000, 43%);
@disabled-color : fade(#000, 25%);
@heading-color-dark : fade(#fff, 97%);
@text-color-dark : fade(#fff, 91%);
@text-color-secondary-dark : fade(#fff, 57%);
@disabled-color-dark : fade(#000, 35%);
@font-size-base : 12px;
@font-size-lg : @font-size-base + 2px;
@line-height-base : 1.5;
@ -219,3 +223,8 @@
// Progress
// --
@process-default-color: @primary-color;
// Menu
// --
@menu-dark-bg: #404040;
@menu-dark-submenu-bg: #333;