Recently delving into the world of angular material, I've found myself a bit perplexed regarding setting colors for specific elements. As a test, I'm importing the Angular theme called indigo-pink.css.
For instance, when utilizing a mat button, I incorporate the following code:
<button mat-flat-button color="primary">Test</button>
This successfully applies the correct primary color to the button.
In addition to buttons, I have included two other elements - a span and a mat-card as seen below.
<span color="primary">Test Span</span>
<mat-card color="primary">Simple card</mat-card>
Despite my efforts, I am unable to achieve the desired result of having these elements match the primary color of the button. Is there a method to ensure that these elements inherit the primary colors without manual CSS intervention?
Appreciate any assistance,