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:
-
Si
appname="sga"
-
Si
appname="polux"
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.
