fix(label): use dark color for checkbox and radio (#1354)

adeo · Feb 22, 2023 · c3aa4ee · c3aa4ee
1 parent 5765a10
commit c3aa4ee
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 16 deletions.
diff --git 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
@@ -12,6 +12,7 @@
 
     cursor: pointer;
     margin-left: magic-unit-rem(0.5, true);
+    color: $color-font-darkest;
   }
 
   &__input {