diff --git a/packages/components/src/components/checkbox/_checkbox.scss b/packages/components/src/components/checkbox/_checkbox.scss index 9317ad68368e..d3a0102f9509 100644 --- a/packages/components/src/components/checkbox/_checkbox.scss +++ b/packages/components/src/components/checkbox/_checkbox.scss @@ -115,8 +115,8 @@ .#{$prefix}--checkbox:indeterminate + .#{$prefix}--checkbox-label::before, .#{$prefix}--checkbox-label[data-contained-checkbox-state='true']::before, .#{$prefix}--checkbox-label[data-contained-checkbox-state='mixed']::before { - background-color: $icon-01; - border-color: $icon-01; + background-color: $ui-05; + border-color: $ui-05; border-width: 1px; } diff --git a/packages/components/src/components/data-table/_data-table-inline-edit-cell.scss b/packages/components/src/components/data-table/_data-table-inline-edit-cell.scss index ad1133cc8a77..0065ace2678f 100644 --- a/packages/components/src/components/data-table/_data-table-inline-edit-cell.scss +++ b/packages/components/src/components/data-table/_data-table-inline-edit-cell.scss @@ -295,7 +295,7 @@ position: absolute; top: rem(-1px); right: -1rem; - color: $support-01; + color: $text-error; // TODO: sync with caption sizes font-size: rem(12px); background-color: $inverse-01; diff --git a/packages/components/src/components/date-picker/_date-picker.scss b/packages/components/src/components/date-picker/_date-picker.scss index f60d2d9e2964..9ec7519f9df7 100644 --- a/packages/components/src/components/date-picker/_date-picker.scss +++ b/packages/components/src/components/date-picker/_date-picker.scss @@ -44,7 +44,7 @@ ~ .#{$prefix}--form-requirement { max-height: rem(200px); display: block; - color: $support-01; + color: $text-error; font-weight: 400; margin-top: $carbon--spacing-02; overflow: visible; diff --git a/packages/components/src/components/dropdown/_dropdown.scss b/packages/components/src/components/dropdown/_dropdown.scss index 8ba340fbe38c..6517184e7512 100644 --- a/packages/components/src/components/dropdown/_dropdown.scss +++ b/packages/components/src/components/dropdown/_dropdown.scss @@ -97,7 +97,7 @@ + .#{$prefix}--form-requirement { display: inline-block; max-height: rem(200px); - color: $support-01; + color: $text-error; } } diff --git a/packages/components/src/components/file-uploader/_file-uploader.scss b/packages/components/src/components/file-uploader/_file-uploader.scss index 542c6996bf16..46a1d29ae426 100644 --- a/packages/components/src/components/file-uploader/_file-uploader.scss +++ b/packages/components/src/components/file-uploader/_file-uploader.scss @@ -196,7 +196,7 @@ @include type-style('caption-01'); display: block; max-height: rem(200px); - color: $support-01; + color: $text-error; font-weight: 400; padding: $carbon--spacing-03 $carbon--spacing-05; overflow: visible; diff --git a/packages/components/src/components/form/_form.scss b/packages/components/src/components/form/_form.scss index 1dd23f6481ba..e1504929e39a 100644 --- a/packages/components/src/components/form/_form.scss +++ b/packages/components/src/components/form/_form.scss @@ -79,7 +79,7 @@ ~ .#{$prefix}--form-requirement { max-height: rem(200px); display: block; - color: $support-01; + color: $text-error; } } diff --git a/packages/components/src/components/number-input/_number-input.scss b/packages/components/src/components/number-input/_number-input.scss index f48d6ffe4be0..ac69518de62c 100644 --- a/packages/components/src/components/number-input/_number-input.scss +++ b/packages/components/src/components/number-input/_number-input.scss @@ -80,7 +80,7 @@ position: relative; ~ .#{$prefix}--form-requirement { - color: $support-01; + color: $text-error; font-weight: 400; margin-top: $carbon--spacing-02; overflow: visible; diff --git a/packages/components/src/components/select/_select.scss b/packages/components/src/components/select/_select.scss index de8d4fc861bd..26ee0b3d34f2 100644 --- a/packages/components/src/components/select/_select.scss +++ b/packages/components/src/components/select/_select.scss @@ -105,7 +105,7 @@ .#{$prefix}--form-requirement { display: block; - color: $support-01; + color: $text-error; font-weight: 400; overflow: visible; } diff --git a/packages/components/src/components/text-area/_text-area.scss b/packages/components/src/components/text-area/_text-area.scss index b670f18cd44c..1c14c30b32cc 100644 --- a/packages/components/src/components/text-area/_text-area.scss +++ b/packages/components/src/components/text-area/_text-area.scss @@ -45,7 +45,7 @@ & ~ .#{$prefix}--form-requirement { order: 4; - color: $support-01; + color: $text-error; font-weight: 400; margin-top: $carbon--spacing-02;