set color to form-control-plaintext (#25565)

* set color to `.form-control-plaintext` * fixes readability on dark themes like ‘darkly’ * https://bootswatch.com/darkly/index.html#forms * https://bootswatch.com/slate/index.html#forms * https://bootswatch.com/superhero/index.html#superhero * https://bootswatch.com/solar/index.html#forms /cc @thomaspark
twbs · Feb 11, 2018 · f81f419 · f81f419
1 parent 3ffe4f8
commit f81f419
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/scss/_forms.scss b/scss/_forms.scss
@@ -121,6 +121,7 @@ select.form-control {
   padding-bottom: $input-padding-y;
   margin-bottom: 0; // match inputs if this class comes on inputs with default margins
   line-height: $input-line-height;
+  color: $input-plaintext-color;
   background-color: transparent;
   border: solid transparent;
   border-width: $input-border-width 0;

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -416,6 +416,7 @@ $input-focus-width:                     $input-btn-focus-width !default;
 $input-focus-box-shadow:                $input-btn-focus-box-shadow !default;
 
 $input-placeholder-color:               $gray-600 !default;
+$input-plaintext-color:                 $body-color !default;
 
 $input-height-border:                   $input-border-width * 2 !default;