Cambiar el color de los iconos de MicroStrategy Library

Ahora que sabemos crear una plantilla base para las personalizaciones vamos a cambiar el color de los iconos de MicroStrategy Library, en concreto cambiaremos las siguientes propiedades; Icono de filtro, icono de búsqueda, icono de nuevo dossier, icono de selección, icono de perfil.

Especificaciones del entorno

• Microsoft Windows 10
• MicroStrategy 2021 update 4
• SDK MicroStrategy 2021

Resultado

Antes

Después

Demostración en video

Paso a paso

1. Haz una copia de la plantilla base que hemos creado en anteriores artículos y cambiale el nombre a NuevoColorIconosTextoLibrary
2. Abre MicroStrategy Library con Google Chrome y abre las herramientas de desarrolladores (presiona CTRL + mayúscula + I)
3. Pulsa CTRL + mayusculas + C y pon el puntero del ratón sobre los iconos a cambiar para ir viendo cómo se llaman las clases que se van a modificar (ver video)
4. Cuando tengas identificadas las clases a cambiar, abre la carpeta NuevoColorIconosTextoLibrary > style y edita el fichero global.css escribiendo el siguiente código:

/* Modificar color de las letras Library */
.mstrd-NavBarTitle {
	color: red !important;
}

/* Modificar color del icono de filtro */
.icon-tb_filter_n {
	color: red !important;
}

/* Modificar color del icono de buscar */
.icon-search_tb_box {
	color: red !important;
}

/* Modificar color del icono agregar */ 
.icon-pnl_add-new {
	color: red !important;
}

/* Modificar color del icono seleccionar */
.icon-tb_select_n {
	color: red !important;
}

/* Modificar color del icono perfil */
.icon-tb_profile_n {
	color: red !important;
}

7. Guarda y cierra el fichero.
8. Mueve la carpeta NuevoColorIconosTextoLibrary a la carpeta plugins de tu instalación de Tomcat o al servidor web que tengas instalado. Por defecto en Windows, C:\Program Files (x86)\Common Files\MicroStrategy\Tomcat\apache-tomcat-9.0.54\webapps\MicroStrategyLibrary\plugins.
9. Para el servicio de tu servidor web. Por defecto en Tomcat C:\Program Files (x86)\Common Files\MicroStrategy\Tomcat\apache-tomcat-9.0.54\bin\shutdown.bat
10. Inicia el servicio de tu servidor web. Por defecto en Tomcat C:\Program Files (x86)\Common Files\MicroStrategy\Tomcat\apache-tomcat-9.0.54\bin\startup.bat
11. Abre de nuevo MicroStrategy Library y visualiza los cambios.

Se recomienda borrar la cache del navegador antes de abrir de nuevo MicroStrategy Library, ya que de lo contrario, es posible que no sé visualicen los cambios.