Roundcube Community Forum

Miscellaneous => Off-Topic => Topic started by: Noren on March 19, 2026, 05:17:41 AM

Title: Customizing the Elastic theme for a trade show (custom logos and icons)
Post by: Noren on March 19, 2026, 05:17:41 AM
Hi everyone, I'm setting up a mail server with Roundcube for my new hair salon, and I'm having a bit of trouble with the visual customization. My goal is to adapt the "Elastic" theme so it matches my brand's visual identity, which features a lot of technical designs inspired by Japanese scissors, like the top hair cuting scissor (https://garnour.shop/collections/green-mouse-scissors) Green Mouse, with fairly slender, ergonomic curves. Is it better to create a separate "skin" folder to override the existing CSS, or should I modify the skins/elastic/ directory directly? I'm worried that a Roundcube update might overwrite my changes if I don't do this properly.
Title: Re: Customizing the Elastic theme for a trade show (custom logos and icons)
Post by: JohnDoh on March 20, 2026, 02:16:14 AM
If you only want to adjust the CSS then you can do that by creating _styles.less and _variables.less files and recompiling the CSS. These 2 files will survive any updates. see the Elastic readme (https://github.com/roundcube/roundcubemail/blob/master/skins/elastic/README.md#installation) for more info.

If you want to modify any of the template files or make bigger changes than adjusting the CSS then you can extend (https://github.com/roundcube/roundcubemail/wiki/Skins#extending-skins) the Elastic skin. Extended skins only contain your modifications, using the base skin for everything else.