Merge pull request #357 from edx/andya/fix-input-background-colors

Address color contrast issues with form elements
edx · Aug 8, 2016 · 0992345 · 0992345
2 parents 06e7038 + 225a2ce
commit 0992345
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -25,7 +25,7 @@
     "jquery": "^1.11.1",
     "requirejs": "^2.1.22",
     "requirejs-plugins": "^1.0.2",
-    "sizzle": "^2.3.0",
+    "sizzle": "2.3.0",
     "susy": "^2.2.9"
   },
   "peerDependencies": {

diff --git a/pattern-library/sass/patterns/_forms.scss b/pattern-library/sass/patterns/_forms.scss
@@ -166,12 +166,12 @@ $input-width: (
 .field-input,
 .field-select,
 .field-textarea {
-    @include placeholder { color: palette(grayscale, back); }
+    @include placeholder { color: palette(grayscale, accent); }
     @include transition(all timing(xx-fast) ease-in-out 0s);
     display: inline-block;
     padding: rem($baseline/2);
     border: 1px solid palette(grayscale, back);
-    background: palette(grayscale, x-back);
+    background: $white;
     font-size: font-size(base);
     color: palette(grayscale, dark);
 
@@ -241,7 +241,7 @@ $input-width: (
 .input-text {
 
     &.input-alt {
-        padding: spacing-verical(small) 0;
+        padding: spacing-vertical(small) 0;
         border-width: 0 0 2px 0;
         background: $white;