diff --git a/packages/styles/components/_c.checkbox.scss b/packages/styles/components/_c.checkbox.scss index ab0b0651d..2749bd95b 100644 --- a/packages/styles/components/_c.checkbox.scss +++ b/packages/styles/components/_c.checkbox.scss @@ -12,6 +12,7 @@ cursor: pointer; margin-left: magic-unit-rem(0.5, true); + color: $color-font-darkest; } &__input { @@ -63,10 +64,11 @@ } &:checked { - background-image: url(inline-icons( - "checkmark-16", - $color-input-checked-icon - )); + background-image: url( + inline-icons( + "checkmark-16", + $color-input-checked-icon + )); background-position: center center; &::-ms-check { @@ -84,10 +86,11 @@ } &:indeterminate { - background-image: url(inline-icons( - "control-less-16", - $color-input-checked-icon - )); + background-image: url( + inline-icons( + "control-less-16", + $color-input-checked-icon + )); } &:disabled { @@ -101,17 +104,19 @@ } &:checked { - background-image: url(inline-icons( - "checkmark-16", - $color-input-disabled-icon - )); + background-image: url( + inline-icons( + "checkmark-16", + $color-input-disabled-icon + )); } &:indeterminate { - background-image: url(inline-icons( - "control-less-16", - $color-input-disabled-icon - )); + background-image: url( + inline-icons( + "control-less-16", + $color-input-disabled-icon + )); } & + #{$parent}__label { diff --git a/packages/styles/components/_c.radio.scss b/packages/styles/components/_c.radio.scss index 4ab2c95a8..fa8eb3cb8 100644 --- a/packages/styles/components/_c.radio.scss +++ b/packages/styles/components/_c.radio.scss @@ -12,6 +12,7 @@ cursor: pointer; margin-left: magic-unit-rem(0.5, true); + color: $color-font-darkest; } &__input {