PrivateCoffee/travelynx
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use proper text contrast for input labels

Browse source 
Materialize has _weird_ defaults

Closes #79
This commit is contained in:
Birte Kristina Friesel 2023-08-06 22:23:06 +02:00
parent f43082f74e
commit 3456350c2c
No known key found for this signature in database
GPG key ID: 19E6E524EBB177BA
5 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
sass/components/_variables.scss
View file

@ -165,6 +165,7 @@ $dropdown-item-height: 50px !default;
// Text Inputs + Textarea // Text Inputs + Textarea
$input-height: 3rem !default; $input-height: 3rem !default;
$input-border-color: color("grey", "base") !default; $input-border-color: color("grey", "base") !default;
$input-label-color: color("grey", "base") !default;
$input-border: 1px solid $input-border-color !default; $input-border: 1px solid $input-border-color !default;
$input-background: #fff !default; $input-background: #fff !default;
$input-error-color: $error-color !default; $input-error-color: $error-color !default;

2
sass/components/forms/_forms.scss
View file

@ -10,7 +10,7 @@ button:focus {
label { label {
font-size: $label-font-size; font-size: $label-font-size;
color: $input-border-color; color: $input-label-color;
} }
@import 'input-fields'; @import 'input-fields';

2
sass/components/forms/_input-fields.scss
View file

@ -176,7 +176,7 @@ textarea.materialize-textarea {
margin-bottom: 1rem; margin-bottom: 1rem;
& > label { & > label {
color: $input-border-color; color: $input-label-color;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;

2
sass/src/dark/_variables.scss
View file

@ -11,7 +11,7 @@ $secondary-color: color('cyan', 'darken-2');
$link-color: color('light-blue', 'darken-1'); $link-color: color('light-blue', 'darken-1');
$success-color: color('green', 'darken-2'); $success-color: color('green', 'darken-2');
$error-color: color('red', '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-border-color: color('grey', 'darken-3');
$collection-link-color: color('shades', 'white'); $collection-link-color: color('shades', 'white');
$collection-hover-bg-color: color('grey', 'darken-4'); $collection-hover-bg-color: color('grey', 'darken-4');

1
sass/src/light/_variables.scss
View file

@ -5,3 +5,4 @@ $card-link-color: $link-color;
$collection-link-color: color('shades', 'black'); $collection-link-color: color('shades', 'black');
$card-bg-color: color('blue-grey', 'lighten-5'); $card-bg-color: color('blue-grey', 'lighten-5');
$inactive-color: color('grey', 'darken-2'); $inactive-color: color('grey', 'darken-2');
$input-label-color: color('shades', 'black');