Roundcube Community Forum

 

Customizing the Elastic theme for a trade show (custom logos and icons)

Started by Noren, March 19, 2026, 05:17:41 AM

Previous topic - Next topic

Noren

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 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.

JohnDoh

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 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 the Elastic skin. Extended skins only contain your modifications, using the base skin for everything else.
Roundcube Plugins: Contextmenu, SpamAssassin Prefs, and more...