Skip to content

Commit

Permalink
improve text color and borders for legibility
Browse files Browse the repository at this point in the history
  • Loading branch information
mdo committed Oct 10, 2011
1 parent b747762 commit 0c1c236
Show file tree
Hide file tree
Showing 3 changed files with 29 additions and 29 deletions.
26 changes: 13 additions & 13 deletions bootstrap.css
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: Sun Oct 9 22:31:28 PDT 2011
* Date: Sun Oct 9 22:37:55 PDT 2011
*/
/* Reset.less
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
Expand Down Expand Up @@ -723,10 +723,10 @@ input[type=file]:focus, input[type=checkbox]:focus, select:focus {
outline: 1px dotted #666;
}
form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
color: #ee5f5b;
color: #b94a48;
}
form .clearfix.error input, form .clearfix.error textarea {
color: #ee5f5b;
color: #b94a48;
border-color: #ee5f5b;
}
form .clearfix.error input:focus, form .clearfix.error textarea:focus {
Expand All @@ -736,15 +736,15 @@ form .clearfix.error input:focus, form .clearfix.error textarea:focus {
box-shadow: 0 0 6px #f8b9b7;
}
form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
color: #ee5f5b;
color: #b94a48;
background-color: #fce6e6;
border-color: #ee5f5b;
border-color: #b94a48;
}
form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
color: #ccae64;
color: #c09853;
}
form .clearfix.warning input, form .clearfix.warning textarea {
color: #ccae64;
color: #c09853;
border-color: #ccae64;
}
form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
Expand All @@ -754,15 +754,15 @@ form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
box-shadow: 0 0 6px #e5d6b1;
}
form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
color: #ccae64;
color: #c09853;
background-color: #d2b877;
border-color: #ccae64;
border-color: #c09853;
}
form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
color: #57a957;
color: #468847;
}
form .clearfix.success input, form .clearfix.success textarea {
color: #57a957;
color: #468847;
border-color: #57a957;
}
form .clearfix.success input:focus, form .clearfix.success textarea:focus {
Expand All @@ -772,9 +772,9 @@ form .clearfix.success input:focus, form .clearfix.success textarea:focus {
box-shadow: 0 0 6px #9acc9a;
}
form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
color: #57a957;
color: #468847;
background-color: #bcddbc;
border-color: #57a957;
border-color: #468847;
}
.input-mini,
input.mini,
Expand Down
18 changes: 9 additions & 9 deletions bootstrap.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

14 changes: 7 additions & 7 deletions lib/forms.less
Original file line number Diff line number Diff line change
Expand Up @@ -169,7 +169,7 @@ select:focus {
// --------------------------

// Mixin for form field states
.formFieldState(@textColor: #555, @backgroundColor: #f5f5f5) {
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
// Set the text color
> label,
.help-block,
Expand All @@ -180,10 +180,10 @@ select:focus {
input,
textarea {
color: @textColor;
border-color: @textColor;
border-color: @borderColor;
&:focus {
border-color: darken(@textColor, 10%);
.box-shadow(0 0 6px lighten(@textColor, 20%);
border-color: darken(@borderColor, 10%);
.box-shadow(0 0 6px lighten(@borderColor, 20%);
}
}
// Give a small background color for input-prepend/-append
Expand All @@ -196,15 +196,15 @@ select:focus {
}
// Error
form .clearfix.error {
.formFieldState(#ee5f5b, lighten(#ee5f5b, 30%));
.formFieldState(#b94a48, #ee5f5b, lighten(#ee5f5b, 30%));
}
// Warning
form .clearfix.warning {
.formFieldState(#CCAE64, lighten(#CCAE64, 5%));
.formFieldState(#c09853, #ccae64, lighten(#CCAE64, 5%));
}
// Success
form .clearfix.success {
.formFieldState(#57a957, lighten(#57a957, 30%));
.formFieldState(#468847, #57a957, lighten(#57a957, 30%));
}


Expand Down

0 comments on commit 0c1c236

Please sign in to comment.