Para configurar el tema en la infraestructura de microclientes, es necesario ajustar:
- Consumo de los assets
- Consumo de la paleta de colores
- Favicon
Para poder configurar el consumo de los assets, se tiene que modificar la variable de entorno que se ubica en el root llamada appname
, en este caso, está configurada con el valor de "sga"
.
Estas variables de entorno se envían como props al microfrontend core
.
El core
recibe las variables de entorno del root y hace uso de la variable appname
para realizar consultas al servicio de assets de acuerdo con el valor del app name. Veamos un ejemplo:
El consumo de la paleta de colores se hace desde el microfrontend core
al servicio de assets.
Para configurar diferentes paletas de colores, se tiene que modificar el @import url("paleta-de-colores")
que se encuentra en /src/styles.scss
.
Si se observa la imagen, se realiza la importación de un archivo css, el cual contiene la paleta de colores. Se puede cambiar la url para que consuma otra paleta de colores o realizar una nueva, agregarla al repositorio de assets
y redesplegar el servicio para poder consumir la nueva paleta de colores.
Para cambiar el favicon de la aplicación:
Es necesario modificar el favicon.ico
que se encuentra en el root
. Aunque cada microfrontend tiene un favicon, el único que se tiene en cuenta para la aplicación es el del root
.