&::before {\n        background-color: $color;\n        border-color: darken($color, 20%);\n      }\n\n      &::after {\n        $new-color: color-yiq($color);\n        background-image: str-replace($custom-checkbox-indicator-icon-checked, str-replace(#{$custom-control-indicator-checked-color}, \"#\", \"%23\"), str-replace(#{$new-color}, \"#\", \"%23\"));\n      }\n    }\n\n    .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),\n    .custom-select:focus,\n    .custom-control-input:focus:not(:checked)...