Add input-disabled-color Sass variable

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 79649a5f9acdf8dbb5c754f77dbcd8a1b93309ab..6aae8adc55452555ca2341ac0da05b14a88f1cfa 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -822,6 +822,7 @@ $input-padding-x-lg:                    $input-btn-padding-x-lg !default;
 $input-font-size-lg:                    $input-btn-font-size-lg !default;
 
 $input-bg:                              $body-bg !default;
+$input-disabled-color:                  null !default;
 $input-disabled-bg:                     $gray-200 !default;
 $input-disabled-border-color:           null !default;
 

diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 51b3baa838603ee1b1af1f7cce6cbb36be5bbd4a..c781ae7b9eed2f9d795f4f380c1f89dd14e9adeb 100644 (file)
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -66,6 +66,7 @@
   // don't honor that edge case; we style them as disabled anyway.
   &:disabled,
   &[readonly] {
+    color: $input-disabled-color;
     background-color: $input-disabled-bg;
     border-color: $input-disabled-border-color;
     // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.