Question
How to add and apply a custom skin for Roundcube Webmail in Plesk?
Answer
All the skins for Roundcube Webmail are located under the directory /usr/share/psa-roundcube/skins/
To add and apply a custom skin follow the below instruction:
-
Log in to Plesk server using SSH
-
Create a folder for the skin under
/usr/share/psa-roundcube/skins/
directory, e.g.custom_skin
:# mkdir /usr/share/psa-roundcube/skins/custom_skin
-
Place all the skin files under the created directory. It should look like:
# ll /usr/share/psa-roundcube/skins/custom_skin
total 148
-rw-r--r-- 1 root root 6414 Dec 5 11:15 addressbook.css
-rw-r--r-- 1 root root 627 Dec 5 11:15 CHANGE LOG
-rw-r--r-- 1 root root 16458 Dec 5 11:15 common.css
-rw-r--r-- 1 root root 644 Dec 5 11:15 editor_content.css
-rw-r--r-- 1 root root 18194 Dec 5 11:15 functions.js
-rw-r--r-- 1 root root 2265 Dec 5 11:15 googiespell.css
-rw-r--r-- 1 root root 2886 Dec 5 11:16 ie6hacks.css
-rw-r--r-- 1 root root 3950 Dec 5 11:15 iehacks.css
drwxr-xr-x 6 root root 4096 Dec 5 11:16 images
drwxr-xr-x 2 root root 4096 Dec 5 11:16 includes
-rw-r--r-- 1 root root 2559 Dec 5 11:15 LICENSE-COMMERCIAL
-rw-r--r-- 1 root root 2286 Dec 5 11:15 LICENSE-PRIVATE
-rw-r--r-- 1 root root 23361 Dec 5 11:15 mail.css
-rw-r--r-- 1 root root 2032 Dec 5 11:15 pngbehavior.htc
-rw-r--r-- 1 root root 1982 Dec 5 11:15 print.css
-rw-r--r-- 1 root root 2965 Dec 5 11:15 README
-rw-r--r-- 1 root root 541 Dec 5 11:15 safari.css
-rw-r--r-- 1 root root 2169 Dec 5 11:15 settings.css
-rw-r--r-- 1 root root 6583 Dec 5 11:15 splitter.js
drwxr-xr-x 2 root root 4096 Dec 5 11:16 templates
-rw-r--r-- 1 root root 31 Dec 5 11:15 VERSION
-rw-r--r-- 1 root root 511 Dec 5 11:15 watermark.html -
Open file
/usr/share/psa-roundcube/config/config.inc.php
in editor:# vi /usr/share/psa-roundcube/config/config.inc.php
-
Put the name of the skin folder (created on step 2) in the following line:
CONFIG_TEXT: $config['skin'] = 'custom_skin';
Comments
4 comments
Just tried the above with the Elastic skin, as the other Roundcube skins are a pain when you open your webmail with your phone or tablet, however it doesn't work.
Seems to me it doesn't load any CSS and images, though everything was done correctly...
Hello @Michel,
For issue with custom skin it is better to contact Elastic developers:
https://github.com/roundcube/roundcubemail/tree/master/skins/elastic
To troubleshoot the issue on your own, enable debug using the instruction, reproduce the issue and analyze the obtained log.
Comments are old but maybe this will help someone out there:
This *will not* work with the Elastic skin. Elastic is a quite beautiful skin but it has dependencies that are not met with the Roundcube version shipped with Plesk. I believe I read this somewhere in the documentation, it will only work with the latest version of Roundcube. And since that version is RC only at this point, it won't be included in Plesk until it's stable.
Hello @Denis,
Thank you for the notice.
It may be useful for other Pleskians.
Please sign in to leave a comment.