Unverified Commit 3456350c authored by Birte Kristina Friesel's avatar Birte Kristina Friesel
Browse files

use proper text contrast for input labels 

Materialize has _weird_ defaults

Closes #79
parent f43082f7

sass/components/_variables.scss

+1 −0
Original line number Diff line number Diff line
@@ -165,6 +165,7 @@ $dropdown-item-height: 50px !default; 
// Text Inputs + Textarea

$input-height: 3rem !default;

$input-border-color: color("grey", "base") !default;

$input-label-color: color("grey", "base") !default;

$input-border: 1px solid $input-border-color !default;

$input-background: #fff !default;

$input-error-color: $error-color !default;

sass/components/forms/_forms.scss

+1 −1
Original line number Diff line number Diff line
@@ -10,7 +10,7 @@ button:focus { 


label {

  font-size: $label-font-size;

  color: $input-border-color;

  color: $input-label-color;

}



@import 'input-fields';

sass/components/forms/_input-fields.scss

+1 −1
Original line number Diff line number Diff line
@@ -176,7 +176,7 @@ textarea.materialize-textarea { 
  margin-bottom: 1rem;



  & > label {

    color: $input-border-color;

    color: $input-label-color;

    position: absolute;

    top: 0;

    left: 0;

sass/src/dark/_variables.scss

+1 −1
Original line number Diff line number Diff line
@@ -11,7 +11,7 @@ $secondary-color: color('cyan', 'darken-2'); 
$link-color: color('light-blue', 'darken-1');

$success-color: color('green', 'darken-2');

$error-color: color('red', 'darken-2');

$input-border-color: $off-black;

$input-label-color: $off-black;

$collection-border-color: color('grey', 'darken-3');

$collection-link-color: color('shades', 'white');

$collection-hover-bg-color: color('grey', 'darken-4');

sass/src/light/_variables.scss

+1 −0
Original line number Diff line number Diff line
@@ -5,3 +5,4 @@ $card-link-color: $link-color; 
$collection-link-color: color('shades', 'black');

$card-bg-color: color('blue-grey', 'lighten-5');

$inactive-color: color('grey', 'darken-2');

$input-label-color: color('shades', 'black');