From 525d7e191e83130c605e73a6765910fc33d177b4 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Fri, 21 Jan 2022 12:57:28 +0100 Subject: [PATCH] fix(material-experimental/mdc-button): align outline color with spec The spec has a grey outline for outlined buttons, but we currently set it to the theme color. --- src/material-experimental/mdc-button/_button-theme.scss | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/material-experimental/mdc-button/_button-theme.scss b/src/material-experimental/mdc-button/_button-theme.scss index 9f4225d128ff..9c6f6f5fb4ad 100644 --- a/src/material-experimental/mdc-button/_button-theme.scss +++ b/src/material-experimental/mdc-button/_button-theme.scss @@ -34,7 +34,6 @@ @mixin _outlined-button-variant($color) { @include mdc-button-outlined-theme.theme(( label-text-color: $color, - outline-color: $color, )); } @@ -140,6 +139,10 @@ } .mat-mdc-outlined-button { + @include mdc-button-outlined-theme.theme(( + outline-color: rgba(mdc-theme-color.prop-value(on-surface), 0.12) + )); + &.mat-unthemed { @include _outlined-button-variant($on-surface); } @@ -161,9 +164,9 @@ // We need to pass both the disabled and enabled values, because the enabled // ones apply to anchors while the disabled ones are for buttons. label-text-color: $disabled-ink-color, - outline-color: $disabled-ink-color, disabled-label-text-color: $disabled-ink-color, - disabled-outline-color: $disabled-ink-color, + outline-color: rgba($on-surface, 0.12), + disabled-outline-color: rgba($on-surface, 0.12), )); } }