A pesar de las horas que pasé buscando esta información, no sé cómo usar los colores de tema preconstruidos de Material que elijo de Angular Material, con mis propios componentes.
Esperaba algo así, my-component.component.scss
a { color: $primary-color; } a .active { color: $active-link }Sin embargo, parece que no funciona de esa manera ya que no puedo encontrar ninguna lista de "colores" para usar.
Lo más cercano que encontré fue hacer lo siguiente:
@use '~@angular/material' as mat; $my-palette: mat.define-palette(mat.$indigo-palette); a { color: mat.get-color-from-palette($my-palette, '100-contrast'); }El problema es que no quiero especificar una paleta, pero me gustaría usar la predeterminada. Además, dudo que esta sea la mejor manera de importar colores de temas...
¡Cualquier ayuda con el ejemplo ficticio sería realmente apreciada!