Issue #24173 Custom checkboxes radios correct color

Created by: sabrown84

Hi I took a look at this issue and I made the suggested changes to:

Custom Checkboxes/Radios Do Not Display Correct Color on :focus For Validation

Is this what you meant? Is there something else that needs to be done for this issue?

I welcome and look forward to your feedback.

Fixes #24173 (closed)

scss/mixins/_forms.scss

@@ -57,7 +57,7 @@
       border-color: $color;
 
       &:focus {
-        box-shadow: 0 0 0 .2rem rgba($color,.25);
+        box-shadow: 0 0 0 $input-btn-focus-width rgba($color,.25);
       }
 
       ~ .#{$state}-feedback,
@@ -88,6 +88,11 @@
       ~ .custom-control-description {
         color: $color;
       }
+      &:focus {
+        ~ .custom-control-indicator {
+          box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-btn-focus-width $color;
+        }
+      }
     }
   }
 
@@ -101,7 +106,7 @@
         &::before { border-color: inherit; }
       }
       &:focus {
-        box-shadow: 0 0 0 .2rem rgba($color,.25);
+        box-shadow: 0 0 0 $input-btn-focus-width rgba($color,.25);
       }
     }
   }