Estoy usando .isDarkTheme como clase en el <body> de mi aplicación Angular. Luego uso esta clase como referencia para jugar con el tema Oscuro o Claro de la aplicación.
Estamos trabajando en la transición a Angular 12, y al hacer una compilación, recibimos esta advertencia:
Warning: 1 rules skipped due to selector errors: :host-context(.isDarkTheme) -> unmatched pseudo-class :host-contextAmbiente
Estamos usando .isDarkTheme con :host-context de diferentes maneras en los archivos SCSS.
Con una clase en línea:
:host-context(.isDarkTheme) .container { background-color: rgba($mat-dark-color, var(--theme-form-background-opacity, $mat-form-alpha)); }Y con clase anidada:
:host-context(.isDarkTheme) { .bg, .select, .bar { background-color: var(--theme-background-background, $mat-light-color); } } La advertencia parece global y no está relacionada con un archivo específico, entonces, ¿hay alguna forma de que no sea correcta? ¿O :host-context no es una buena práctica?
Avíseme si tiene preguntas o si mi problema no es lo suficientemente detallado. Gracias de antemano por tu ayuda :)