Browse Source

BI-50009 refactor: 深色系的蒙版颜色改一下

es6
windy 5 years ago
parent
commit
4551afd7e4
  1. 4
      src/css/core/utils/common.css
  2. 2
      src/less/core/utils/common.less
  3. 2
      src/less/lib/colors.less
  4. 1
      src/less/lib/constant.less

4
src/css/core/utils/common.css

@ -395,8 +395,8 @@ textarea {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80232e40,endColorstr=#80232e40); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80232e40,endColorstr=#80232e40);
} }
.bi-theme-dark .bi-z-index-mask { .bi-theme-dark .bi-z-index-mask {
background-color: rgba(25, 27, 43, 0.8); background-color: rgba(96, 100, 121, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc191b2b,endColorstr=#cc191b2b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80606479,endColorstr=#80606479);
} }
.bi-list-item:hover, .bi-list-item:hover,
.bi-list-item.hover { .bi-list-item.hover {

2
src/less/core/utils/common.less

@ -500,7 +500,7 @@ textarea {
//& .bi-textarea { //& .bi-textarea {
// color: @color-bi-background-default; // color: @color-bi-background-default;
//} //}
.background-color(@background-color-normal-theme-dark, 80%); .background-color(@color-bi-background-black-theme-dark, 50%);
} }
} }

2
src/less/lib/colors.less

@ -46,6 +46,8 @@
@color-bi-background-default-theme-dark: @background-color-default-theme-dark; @color-bi-background-default-theme-dark: @background-color-default-theme-dark;
//黑色背景 //黑色背景
@color-bi-background-black: @background-color-black; @color-bi-background-black: @background-color-black;
//深色系黑色背景
@color-bi-background-black-theme-dark: @background-color-black-theme-dark;
//浅黑色背景 //浅黑色背景
@color-bi-background-light-black: @background-color-light-black; @color-bi-background-light-black: @background-color-light-black;
//深色系浅黑色背景 //深色系浅黑色背景

1
src/less/lib/constant.less

@ -48,6 +48,7 @@
//background color //background color
@background-color-black: #232E40; @background-color-black: #232E40;
@background-color-black-theme-dark: #606479;
@background-color-light-black: #3d4d66; @background-color-light-black: #3d4d66;
@background-color-light-black-theme-dark: #d6e0dc; @background-color-light-black-theme-dark: #d6e0dc;
@background-color-default: #ffffff; @background-color-default: #ffffff;

Loading…
Cancel
Save