fix(material/toolbar): inherit toolbar color in flat buttons (#26089)

crisbeto · web-flow · commit 3fb1fbcbc7c2 · 2022-11-28T19:26:12.000+01:00
Fixes that MDC-based buttons placed inside a toolbar weren't inheriting its text color like the non-MDC buttons. Fixes #26063.
diff --git a/src/dev-app/dev-app/dev-app-layout.scss b/src/dev-app/dev-app/dev-app-layout.scss
@@ -73,8 +73,4 @@ body {
 .demo-config-buttons {
   display: flex;
   align-items: center;
-
-  .mat-mdc-button-base {
-    --mdc-text-button-label-text-color: inherit;
-  }
 }
diff --git a/src/material/toolbar/toolbar.scss b/src/material/toolbar/toolbar.scss
@@ -10,6 +10,11 @@ $height-mobile-portrait: 56px !default;
   @include cdk.high-contrast(active, off) {
     outline: solid 1px;
   }
+
+  .mat-mdc-button-base {
+    --mdc-text-button-label-text-color: inherit;
+    --mdc-outlined-button-label-text-color: inherit;
+  }
 }
 
 .mat-toolbar-row, .mat-toolbar-single-row {

Original file line number	Diff line number	Diff line change
`@@ -73,8 +73,4 @@ body {`
`73`	`73`	`.demo-config-buttons {`
`74`	`74`	`display: flex;`
`75`	`75`	`align-items: center;`
`76`		`-`
`77`		`- .mat-mdc-button-base {`
`78`		`- --mdc-text-button-label-text-color: inherit;`
`79`		`- }`
`80`	`76`	`}`
Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,11 @@ $height-mobile-portrait: 56px !default;`
`10`	`10`	`@include cdk.high-contrast(active, off) {`
`11`	`11`	`outline: solid 1px;`
`12`	`12`	`}`
	`13`	`+`
	`14`	`+ .mat-mdc-button-base {`
	`15`	`+ --mdc-text-button-label-text-color: inherit;`
	`16`	`+ --mdc-outlined-button-label-text-color: inherit;`
	`17`	`+ }`
`13`	`18`	`}`
`14`	`19`
`15`	`20`	`.mat-toolbar-row, .mat-toolbar-single-row {`