Commit 662b576ac2088247cb58e295378f228462508a37

Authored by 无木
1 parent 42812162

fix(dark-theme): style for checked tree nodes

修复黑暗主题下已勾选的Tree的复选框的样式问题
CHANGELOG.zh_CN.md
@@ -7,6 +7,7 @@ @@ -7,6 +7,7 @@
7 - 修复`Tree`组件被选中节点的背景颜色 7 - 修复`Tree`组件被选中节点的背景颜色
8 - 修复`Alert`组件的颜色配置 8 - 修复`Alert`组件的颜色配置
9 - 修复禁用状态下的`link`类型的按钮颜色问题 9 - 修复禁用状态下的`link`类型的按钮颜色问题
  10 + - 修复`Tree`已勾选的复选框的样式问题
10 11
11 ## 2.6.1(2021-07-19) 12 ## 2.6.1(2021-07-19)
12 13
build/vite/plugin/theme.ts
@@ -33,11 +33,6 @@ export function configThemePlugin(isBuild: boolean): Plugin[] { @@ -33,11 +33,6 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
33 return s; 33 return s;
34 case '.ant-steps-item-icon > .ant-steps-icon': 34 case '.ant-steps-item-icon > .ant-steps-icon':
35 return s; 35 return s;
36 - default:  
37 - if (s.indexOf('.ant-alert-message') >= 0) {  
38 - console.log(s);  
39 - }  
40 - return s;  
41 } 36 }
42 return `[data-theme] ${s}`; 37 return `[data-theme] ${s}`;
43 }, 38 },
@@ -78,19 +73,6 @@ export function configThemePlugin(isBuild: boolean): Plugin[] { @@ -78,19 +73,6 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
78 'alert-error-border-color': '#58181c', 73 'alert-error-border-color': '#58181c',
79 'alert-error-bg-color': '#2a1215', 74 'alert-error-bg-color': '#2a1215',
80 'alert-error-icon-color': '#a61d24', 75 'alert-error-icon-color': '#a61d24',
81 -  
82 - // @alert-success-border-color: @green-3;  
83 - // @alert-success-bg-color: @green-1;  
84 - // @alert-success-icon-color: @success-color;  
85 - // @alert-info-border-color: @primary-3;  
86 - // @alert-info-bg-color: @primary-1;  
87 - // @alert-info-icon-color: @info-color;  
88 - // @alert-warning-border-color: @gold-3;  
89 - // @alert-warning-bg-color: @gold-1;  
90 - // @alert-warning-icon-color: @warning-color;  
91 - // @alert-error-border-color: @red-3;  
92 - // @alert-error-bg-color: @red-1;  
93 - // @alert-error-icon-color: @error-color;  
94 }, 76 },
95 }), 77 }),
96 ]; 78 ];
src/design/ant/index.less
@@ -57,3 +57,8 @@ span.anticon:not(.app-iconify) { @@ -57,3 +57,8 @@ span.anticon:not(.app-iconify) {
57 .modal-icon-info { 57 .modal-icon-info {
58 color: @primary-color !important; 58 color: @primary-color !important;
59 } 59 }
  60 +
  61 +.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  62 + border-top: 0 !important;
  63 + border-left: 0 !important;
  64 +}
src/design/theme.less
@@ -8,7 +8,7 @@ html[data-theme='light'] { @@ -8,7 +8,7 @@ html[data-theme='light'] {
8 } 8 }
9 } 9 }
10 10
11 -html[data-theme='dark'] { 11 +[data-theme='dark'] {
12 .text-secondary { 12 .text-secondary {
13 color: #8b949e; 13 color: #8b949e;
14 } 14 }
@@ -23,14 +23,6 @@ html[data-theme='dark'] { @@ -23,14 +23,6 @@ html[data-theme='dark'] {
23 0 1px 0 0 #434343 inset; 23 0 1px 0 0 #434343 inset;
24 } 24 }
25 25
26 - html[data-theme='light'] {  
27 - .ant-alert-message,  
28 - .ant-alert-with-description .ant-alert-message,  
29 - .ant-alert-description {  
30 - color: rgba(0, 0, 0, 0.85);  
31 - }  
32 - }  
33 -  
34 .ant-checkbox-checked .ant-checkbox-inner::after { 26 .ant-checkbox-checked .ant-checkbox-inner::after {
35 border-top: 0; 27 border-top: 0;
36 border-left: 0; 28 border-left: 0;