Browse Source

BI-44188 深色系的checkbox边框色改一下

es6
windy 5 years ago
parent
commit
f009d999e4
  1. 8
      src/css/base/single/input/checkbox.css
  2. 12
      src/less/base/single/input/checkbox.less
  3. 2
      src/less/lib/colors.less
  4. 1
      src/less/lib/constant.less

8
src/css/base/single/input/checkbox.css

@ -37,7 +37,7 @@
opacity: 0;
}
.bi-checkbox.disabled.active .checkbox-content {
border-color: #e8eaed;
border-color: #d0d4da;
}
.bi-checkbox.disabled.active .checkbox-content:after {
opacity: 1;
@ -49,3 +49,9 @@
.bi-theme-dark .bi-checkbox:active .checkbox-content {
border-color: #3685f2;
}
.bi-theme-dark .bi-checkbox.disabled .checkbox-content {
background-color: #606479;
}
.bi-theme-dark .bi-checkbox.disabled.active .checkbox-content {
border-color: #606479;
}

12
src/less/base/single/input/checkbox.less

@ -37,7 +37,7 @@
&.active {
& .checkbox-content {
// 深浅主题下border-color是一样的
border-color: @color-bi-border-line;
border-color: @color-bi-border-disabled;
&:after {
opacity: 1;
}
@ -56,5 +56,15 @@
border-color: @color-bi-border-highlight;
}
}
&.disabled {
& .checkbox-content {
background-color: @color-bi-background-dark-gray-theme-dark;
}
&.active {
& .checkbox-content {
border-color: @color-bi-border-disabled-theme-dark;
}
}
}
}
}

2
src/less/lib/colors.less

@ -95,6 +95,8 @@
@color-bi-border-dark-line-theme-dark: @border-color-dark-line-theme-dark;
//灰化边框
@color-bi-border-disabled: @border-color-disabled;
//深色系灰化边框
@color-bi-border-disabled-theme-dark: @border-color-disabled-theme-dark;
//成功边框色
@color-bi-border-success: @border-color-success;
//失败边框色

1
src/less/lib/constant.less

@ -97,6 +97,7 @@
//split color
@border-color-disabled: #d0d4da;
@border-color-disabled-theme-dark: #606479;
//scroll color
@scroll-color: #3d4d66;

Loading…
Cancel
Save