How to add a custom skin for Roundcube Webmail in Plesk?

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:

1. Log in to Plesk server using SSH

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

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

4. Open file /usr/share/psa-roundcube/config/config.inc.php in editor:

   # vi /usr/share/psa-roundcube/config/config.inc.php

5. Put the name of the skin folder (created on step 2) in the following line:

   $config['skin'] = 'custom_skin';