cyborg: darkened form input

donn1e · Dec 10, 2012 · a679750 · a679750
1 parent 150ec4f
commit a679750
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 21 deletions.
diff --git a/cyborg/bootstrap.css b/cyborg/bootstrap.css
@@ -1182,7 +1182,7 @@ input[readonly],
 select[readonly],
 textarea[readonly] {
   cursor: not-allowed;
-  background-color: #eeeeee;
+  background-color: #555555;
 }
 input[type="radio"][disabled],
 input[type="checkbox"][disabled],
@@ -5626,14 +5626,22 @@ select {
   -moz-border-radius: 1px;
   border-radius: 1px;
 }
-legend,
-label {
-  color: #999999;
-  border-bottom: 0px solid #222;
-}
-input,
-textarea,
 select,
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
 .uneditable-input {
   color: #222222;
 }
@@ -5644,7 +5652,6 @@ input[readonly],
 select[readonly],
 textarea[readonly],
 .uneditable-input {
-  background-color: #555;
   border-color: #444;
 }
 input:focus,
@@ -5668,6 +5675,11 @@ select:focus {
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }
+legend,
+label {
+  color: #999999;
+  border-bottom: 0px solid #222;
+}
 .form-actions {
   border-top: 1px solid #222;
 }

diff --git a/cyborg/bootstrap.min.css b/cyborg/bootstrap.min.css
diff --git a/cyborg/bootswatch.less b/cyborg/bootswatch.less
@@ -395,17 +395,16 @@ input, textarea, select {
 	.border-radius(1px);
 }
 
-legend, label {
-	color: @textColor;
-	border-bottom: 0px solid #222;
-}
-
-input, textarea, select, .uneditable-input {
+select, textarea,
+input[type="text"], input[type="password"], input[type="datetime"],
+input[type="datetime-local"], input[type="date"], input[type="month"],
+input[type="time"], input[type="week"], input[type="number"],
+input[type="email"], input[type="url"], input[type="search"],
+input[type="tel"], input[type="color"], .uneditable-input {
 	color: @grayDark;
 }
 
 input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], .uneditable-input {
-	background-color: #555;
 	border-color: #444;
 }
 
@@ -426,6 +425,11 @@ select:focus {
   .tab-focus();
 }
 
+legend, label {
+	color: @textColor;
+	border-bottom: 0px solid #222;
+}
+
 .form-actions {
 	border-top: 1px solid #222;
 }

diff --git a/cyborg/variables.less b/cyborg/variables.less
@@ -112,7 +112,7 @@
 @inputBackground:               #ccc;
 @inputBorder:                   #bbb;
 @inputBorderRadius:             @baseBorderRadius;
-@inputDisabledBackground:       @grayLighter;
+@inputDisabledBackground:       #555;
 @formActionsBackground:         transparent;
 @inputHeight:                   @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border