Skip to content

Commit 7ce57cf

Browse files
committed
fix(checkbox): disabled state tick color
1 parent 852b0ed commit 7ce57cf

File tree

2 files changed

+14
-1
lines changed

2 files changed

+14
-1
lines changed

src/components/checkbox/themes/shared/checkbox/checkbox.common.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,4 +29,8 @@ $theme: $base;
2929
[part~='label'] {
3030
color: var-get($theme, 'disabled-color-label');
3131
}
32+
33+
[part~='indicator'] {
34+
stroke: var-get($theme, 'disabled-tick-color');
35+
}
3236
}

src/components/checkbox/themes/shared/checkbox/checkbox.indigo.scss

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -220,7 +220,8 @@ $error-color-hover: var-get($theme, 'error-color-hover');
220220
}
221221

222222
[part~='indicator'] {
223-
stroke-opacity: 0.4;
223+
stroke: unset;
224+
fill: var-get($theme, 'disabled-tick-color');
224225
}
225226
}
226227

@@ -230,4 +231,12 @@ $error-color-hover: var-get($theme, 'error-color-hover');
230231
background: $disabled-indeterminate-color;
231232
border-color: transparent;
232233
}
234+
235+
[part~='indicator'] {
236+
fill: none;
237+
238+
rect {
239+
fill: var-get($theme, 'disabled-tick-color');
240+
}
241+
}
233242
}

0 commit comments

Comments
 (0)