Hoy he instalado un roundcube y para hacérmelo más fácil he seguido éste post que hice hace un par de añitos (Gracias Blackhold del pasado por este post!).
Con la versión instalada hoy no me funcionaba el tema larry, así que me he quedado con el tema que viene por defecto, elastic. Al poner el logo, el azul de larry quedaba horrorosamente feo, así que he avanzado un poquito más con la personalización de roundcube. Buscando he llegado a este hilo del foro de roundcube. Decían de modificar el fichero styles.less y compilar los css (¿mande?)
Os lo cuento:
Para cambiar el color del botón de login he tenido que modificar el fichero skins/elastic/styles/styles.less y añadir lo siguiente
#login-form button.mainaction {
background-color: #8a77b0;
border-color: #123456;
&:hover {
background-color: #123456;
}
}
Para cambiar el color global, por defecto azul claro, el otro fichero que es necesario modificar es skins/elastic/styles/colors.less y definir en @color-main el color que nos interese, en mi caso:
@color-main: #8a77b0;
A continuación, para generar el css es necesario instalar el paquete “node-less”:
# apt -y install node-less
Y finalmente ejecutar lo siguiente para aplicar los cambios en los ficheros .less
lessc styles.less styles.min.css
Y ahora ya tienes el roundcube con el color que se adecue a tu empresa o la de tu cliente :)