Skip to content

Commit f9b89b4

Browse files
ZxBing0066ZxBing0066
authored
feat(Checkbox): change checkbox icon color
close #180
1 parent d6ba5e9 commit f9b89b4

File tree

7 files changed

+63
-63
lines changed

7 files changed

+63
-63
lines changed

‎src/components/Checkbox/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@ exports[`Checkbox demo -- checkbox 1`] = `
8787
8888
.c29 .c26 {
8989
line-height: 28px;
90-
color: #526075;
90+
color: #c3cad9;
9191
}
9292
9393
.c25 {
@@ -111,12 +111,12 @@ exports[`Checkbox demo -- checkbox 1`] = `
111111
112112
.c31 .c26 {
113113
line-height: 22px;
114-
color: #526075;
114+
color: #c3cad9;
115115
}
116116
117117
.c32 .c26 {
118118
line-height: 32px;
119-
color: #526075;
119+
color: #c3cad9;
120120
}
121121
122122
.c28 {
@@ -574,7 +574,7 @@ exports[`Checkbox demo -- checkbox-checked 1`] = `
574574
575575
.c0 .c1 {
576576
line-height: 28px;
577-
color: #526075;
577+
color: #c3cad9;
578578
}
579579
580580
.c5 {
@@ -657,7 +657,7 @@ exports[`Checkbox demo -- checkbox-disabled 1`] = `
657657
658658
.c0 .c1 {
659659
line-height: 28px;
660-
color: #526075;
660+
color: #c3cad9;
661661
}
662662
663663
.c6 .c1 {
@@ -748,7 +748,7 @@ exports[`Checkbox demo -- checkbox-size 1`] = `
748748
749749
.c5 .c1 {
750750
line-height: 28px;
751-
color: #526075;
751+
color: #c3cad9;
752752
}
753753
754754
.c7 .c1 {
@@ -772,7 +772,7 @@ exports[`Checkbox demo -- checkbox-size 1`] = `
772772
773773
.c0 .c1 {
774774
line-height: 22px;
775-
color: #526075;
775+
color: #c3cad9;
776776
}
777777
778778
.c6 {
@@ -786,7 +786,7 @@ exports[`Checkbox demo -- checkbox-size 1`] = `
786786
787787
.c6 .c1 {
788788
line-height: 32px;
789-
color: #526075;
789+
color: #c3cad9;
790790
}
791791
792792
.c4 {
@@ -1005,7 +1005,7 @@ exports[`Checkbox demo -- checkbox-styleType 1`] = `
10051005
10061006
.c0 .c1 {
10071007
line-height: 28px;
1008-
color: #526075;
1008+
color: #c3cad9;
10091009
}
10101010
10111011
.c16 .c1 {
@@ -1020,12 +1020,12 @@ exports[`Checkbox demo -- checkbox-styleType 1`] = `
10201020
10211021
.c18 .c1 {
10221022
line-height: 22px;
1023-
color: #526075;
1023+
color: #c3cad9;
10241024
}
10251025
10261026
.c19 .c1 {
10271027
line-height: 32px;
1028-
color: #526075;
1028+
color: #c3cad9;
10291029
}
10301030
10311031
.c4 {
@@ -1174,7 +1174,7 @@ exports[`Checkbox demo -- checkbox-uncontrolled 1`] = `
11741174
11751175
.c5 .c1 {
11761176
line-height: 28px;
1177-
color: #526075;
1177+
color: #c3cad9;
11781178
}
11791179
11801180
.c0 {
@@ -1198,12 +1198,12 @@ exports[`Checkbox demo -- checkbox-uncontrolled 1`] = `
11981198
11991199
.c7 .c1 {
12001200
line-height: 22px;
1201-
color: #526075;
1201+
color: #c3cad9;
12021202
}
12031203
12041204
.c8 .c1 {
12051205
line-height: 32px;
1206-
color: #526075;
1206+
color: #c3cad9;
12071207
}
12081208
12091209
.c4 {
@@ -1347,7 +1347,7 @@ exports[`Checkbox demo -- group 1`] = `
13471347
13481348
.c26 .c27 {
13491349
line-height: 28px;
1350-
color: #526075;
1350+
color: #c3cad9;
13511351
}
13521352
13531353
.c30 .c27 {
@@ -1362,12 +1362,12 @@ exports[`Checkbox demo -- group 1`] = `
13621362
13631363
.c32 .c27 {
13641364
line-height: 22px;
1365-
color: #526075;
1365+
color: #c3cad9;
13661366
}
13671367
13681368
.c33 .c27 {
13691369
line-height: 32px;
1370-
color: #526075;
1370+
color: #c3cad9;
13711371
}
13721372
13731373
.c29 {
@@ -1884,7 +1884,7 @@ exports[`Checkbox demo -- group-disabled 1`] = `
18841884
18851885
.c2 .c3 {
18861886
line-height: 28px;
1887-
color: #526075;
1887+
color: #c3cad9;
18881888
}
18891889
18901890
.c8 .c3 {
@@ -1910,12 +1910,12 @@ exports[`Checkbox demo -- group-disabled 1`] = `
19101910
19111911
.c9 .c3 {
19121912
line-height: 22px;
1913-
color: #526075;
1913+
color: #c3cad9;
19141914
}
19151915
19161916
.c10 .c3 {
19171917
line-height: 32px;
1918-
color: #526075;
1918+
color: #c3cad9;
19191919
}
19201920
19211921
.c6 {
@@ -2059,7 +2059,7 @@ exports[`Checkbox demo -- group-options 1`] = `
20592059
20602060
.c2 .c3 {
20612061
line-height: 28px;
2062-
color: #526075;
2062+
color: #c3cad9;
20632063
}
20642064
20652065
.c7 .c3 {
@@ -2074,12 +2074,12 @@ exports[`Checkbox demo -- group-options 1`] = `
20742074
20752075
.c9 .c3 {
20762076
line-height: 22px;
2077-
color: #526075;
2077+
color: #c3cad9;
20782078
}
20792079
20802080
.c10 .c3 {
20812081
line-height: 32px;
2082-
color: #526075;
2082+
color: #c3cad9;
20832083
}
20842084
20852085
.c6 {
@@ -2217,7 +2217,7 @@ exports[`Checkbox demo -- group-size 1`] = `
22172217
22182218
.c7 .c3 {
22192219
line-height: 28px;
2220-
color: #526075;
2220+
color: #c3cad9;
22212221
}
22222222
22232223
.c9 .c3 {
@@ -2241,7 +2241,7 @@ exports[`Checkbox demo -- group-size 1`] = `
22412241
22422242
.c2 .c3 {
22432243
line-height: 22px;
2244-
color: #526075;
2244+
color: #c3cad9;
22452245
}
22462246
22472247
.c8 {
@@ -2255,7 +2255,7 @@ exports[`Checkbox demo -- group-size 1`] = `
22552255
22562256
.c8 .c3 {
22572257
line-height: 32px;
2258-
color: #526075;
2258+
color: #c3cad9;
22592259
}
22602260
22612261
.c6 {
@@ -2483,7 +2483,7 @@ exports[`Checkbox demo -- group-styleType 1`] = `
24832483
24842484
.c2 .c3 {
24852485
line-height: 28px;
2486-
color: #526075;
2486+
color: #c3cad9;
24872487
}
24882488
24892489
.c14 .c3 {
@@ -2498,12 +2498,12 @@ exports[`Checkbox demo -- group-styleType 1`] = `
24982498
24992499
.c16 .c3 {
25002500
line-height: 22px;
2501-
color: #526075;
2501+
color: #c3cad9;
25022502
}
25032503
25042504
.c17 .c3 {
25052505
line-height: 32px;
2506-
color: #526075;
2506+
color: #c3cad9;
25072507
}
25082508
25092509
.c6 {
@@ -2629,7 +2629,7 @@ exports[`Checkbox demo -- group-uncontrolled 1`] = `
26292629
26302630
.c2 .c3 {
26312631
line-height: 28px;
2632-
color: #526075;
2632+
color: #c3cad9;
26332633
}
26342634
26352635
.c7 {
@@ -2653,12 +2653,12 @@ exports[`Checkbox demo -- group-uncontrolled 1`] = `
26532653
26542654
.c9 .c3 {
26552655
line-height: 22px;
2656-
color: #526075;
2656+
color: #c3cad9;
26572657
}
26582658
26592659
.c10 .c3 {
26602660
line-height: 32px;
2661-
color: #526075;
2661+
color: #c3cad9;
26622662
}
26632663
26642664
.c6 {

‎src/components/Checkbox/style/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ const propsMixin = ({ theme: { Height, colorMap, fontSize }, size, disabled, che
2929
3030
${/*sc-sel */ CheckboxIcon} {
3131
line-height: ${Height[size]};
32-
color: ${disabled ? colorMap.disabled.icon : checked ? colorMap.active.icon : colorMap.default.icon};
32+
color: ${disabled ? colorMap.disabled.icon : checked ? colorMap.active.icon : colorMap.default.border};
3333
}
3434
`;
3535

‎src/components/Collapse/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -212,7 +212,7 @@ exports[`Collapse demo -- collapse 1`] = `
212212
213213
.c24 .c20 {
214214
line-height: 28px;
215-
color: #526075;
215+
color: #c3cad9;
216216
}
217217
218218
.c23 {

‎src/components/LocaleProvider/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -966,7 +966,7 @@ exports[`LocaleProvider demo -- list 1`] = `
966966
967967
.c40 .c41 {
968968
line-height: 28px;
969-
color: #526075;
969+
color: #c3cad9;
970970
}
971971
972972
.c43 {

0 commit comments

Comments
 (0)