From 3681ddfbfa1717aead74f068f875ccf1356b07c6 Mon Sep 17 00:00:00 2001 From: Dan Manastireanu Date: Thu, 7 Jun 2018 07:38:23 +0200 Subject: [PATCH] fix(form-field): fix wrong underline color in error state (#11447) * fix(form-field): fix wrong underline color in error state Fix wrong color of the form-field undeline when using color=accent and the field is in an invalid state and focused. Previously when a form-field using the accent color had an error it would show on focus the accent color instead of the warn color. All other visual elements of the form-field (borders, labels etc) use the warn color in this state. Closes #11436 * refactor --- src/lib/form-field/_form-field-theme.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/lib/form-field/_form-field-theme.scss b/src/lib/form-field/_form-field-theme.scss index 16128cd3aaa..9f69faf09fc 100644 --- a/src/lib/form-field/_form-field-theme.scss +++ b/src/lib/form-field/_form-field-theme.scss @@ -84,7 +84,8 @@ } } - .mat-form-field-ripple { + .mat-form-field-ripple, + .mat-form-field-ripple.mat-accent { background-color: $underline-color-warn; } }