Change to new field focused color

This commit is contained in:
J. Ryan Stinnett 2019-01-21 10:24:04 -06:00
parent 352107352e
commit 23b3e74c1c
3 changed files with 4 additions and 2 deletions

View file

@ -31,7 +31,7 @@ limitations under the License.
.mx_Field input:focus {
outline: 0;
border-color: $input-valid-border-color;
border-color: $input-focused-border-color;
}
.mx_Field input::placeholder {
@ -73,5 +73,5 @@ limitations under the License.
}
.mx_Field input:focus + label {
color: $input-valid-border-color;
color: $input-focused-border-color;
}

View file

@ -71,6 +71,7 @@ $input-darker-bg-color: rgba(193, 201, 214, 0.29);
$input-darker-fg-color: #9fa9ba;
$input-lighter-bg-color: #f2f5f8;
$input-lighter-fg-color: $input-darker-fg-color;
$input-focused-border-color: #238cf5;
$input-valid-border-color: #7ac9a1;
$field-focused-label-bg-color: #ffffff;

View file

@ -73,6 +73,7 @@ $button-bg-color: #7ac9a1;
$button-fg-color: white;
// apart from login forms, which have stronger border
$strong-input-border-color: #c7c7c7;
$input-focused-border-color: #238cf5;
$input-valid-border-color: #7ac9a1;
$field-focused-label-bg-color: #ffffff;