OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Change to new field focused color

pull/21833/head
J. Ryan Stinnett 2019-01-21 10:24:04 -06:00
parent 352107352e
commit 23b3e74c1c
3 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
res/css/views/elements/_Field.scss
View File

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

1
res/themes/dharma/css/_dharma.scss
View File

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

1
res/themes/light/css/_base.scss
View File

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