jueves, 26 de marzo de 2020

Cómo crear un tema para Mailspring.


Alguna vez he hablado en alguna entrada del genial gestor de correo electrónico Mailspring. Es un programa multiplataforma y que aunque no es software libre, sí es gratuito y cuando agregas más de 4 cuentas de correo te recomiendas que compres la versión Pro.

Si te fijas entre las muchas opciones que tiene, puedes cambiar el tema, es decir el aspecto, para que vaya en consonancia con tu tema de escritorio. Entre los 6 temas que trae, puedes seleccionar entre 5 temas claros y 1 tema oscuro. Pero,... ¿qué pasa si el tema que tienes instalado "no va" con los temas que te propone Mailspring?

No te preocupes, porque puedes editar un tema manualmente e instalar otros que hayan sido editados por otras personas.

Para crear un tema, lo primero que tenemos que hacer es descargarnos "Mailspring-Theme-Starter-master" DESDE AQUÍ.

Al descomprimir el archivo ZIP, nos vamos a encontrar dos carpetas y tres archivos. Pero lo que nos interesa está en la carpeta llamada "STYLES":



La ruta de los archivos a modificar está en la carpeta "styles":


Mailspring-Theme-Starter-master/styles/

Nos vamos a encontrar dos archivos:, los cuales tienen extensión .less y los podremos abrir con cualquier editor de texto plano: Gedit, Kate, Wwrite, Leafpad, Nano,...

¿Para qué sirven esos archivos?

  • index.less   para poner el nombre del tema creado.
  • ui-variables.less   para añadir los colores.

Este último es el más importante. Cuando lo abramos nos tenemos que fijar en los códigos de colores que te aparecen:



Esos números son los códigos que representan al tema que viene pr defecto. lo único que debemos hacer es, con cualquier herramienta de selección de colores, seleccionar los colores de las ventanas o aplicaciones de nuestro tema de escritorio. 

Yo he usado Gimp:


Como veis en esta imagen, lo que debemos hacer es:

1º Pulsamos en la herramienta de selección de colores.
2º Pulsamos sobre rl icono o "gotero" de selección, que lo vamos a posar sobre el color que queremos clonar.
3º Copiamos el código que nos aparece.

Con ese código lo único que tenemos que hacer es sustituirlo en el archivo ui-variables.less , en los apartados de fondo (background) y panel,...


Una vez que tengas todo hecho y cambiado el nombre de tema en el archivo index.less vamos a Mailspring y hacemos:


EDITAR  INSTALAR TEMA

Seleccionamos la carpeta donde tengamos los tres archivos y dos subcarpetas antes mencionadas y listo.



El nuevo tema se habrá instalado.



Cuando vayamos a seleccionar el tema, nos aparecerá el nuevo tema instalado:


EDITAR  CAMBIAR DE TEMA


Sin duda, con esto conseguirás que tu entorno de trabajo sea aún más uniforme en cuanto al aspecto. Hay algunos que otros temas ya creados por internet, como éste para Arc, o éste para Tensent que he creado yo.

¡Fácil, verdad?

¿Qué te parece la opción de editar los temas de Mailspring?
¿Has creado alguno?

1 comentario:

  1. CodeIgniter Development is the most appropriate MVC framework for high-performance web applications development, favouring simple solutions, avoid complexity, and inspiring coding norms.
    This is a powerful Strategy of php and want to hire codeigniter developer with empower your business till web development process with php codes which can be possible by codeigniter development company as a strong and open source php framework.

    ResponderEliminar