Roundcube Community Forum

Hi everyone,

I'd like to share a new Roundcube skin I've built: Workbench.

It extends the standard Elastic skin and does not modify the Roundcube core or the original Elastic files — it is surface-only and fully reversible. The focus is a cleaner, application-style interface:

• Dark, icon-only navigation rail with hover tooltips (and labels on wide touchscreens)
• Light and dark mode (uses Roundcube's native toggle)
• Calm message list with initials avatars, skeleton loading and hover quick-actions
• Keyboard shortcuts with a cheat sheet ("?")
• Visible keyboard focus, WCAG-AA contrast, an accessible (aria-modal) dialog
• Clean, ink-saving print styles
• Brand-neutral and rebrandable via CSS variables (accent = --wb-accent) and replaceable logos

Compatibility: verified on Roundcube 1.6 LTS and 1.7, in Chromium/Chrome and Firefox (login, message list, reading, composing, dark mode). min-version is 1.6.0.

Install via Composer:
composer require ar-sebastian/workbench
Or download a release archive and unpack it into [tt]skins/[/tt] (results in [tt]skins/workbench/[/tt]), then set [tt]$config['skin'] = 'workbench';[/tt]

Links
GitHub: https://github.com/AR-Sebastian/roundcube-skin-workbench
Packagist: https://packagist.org/packages/ar-sebastian/workbench

Screenshots
(https://raw.githubusercontent.com/AR-Sebastian/roundcube-skin-workbench/main/docs/login-light.png)
(https://raw.githubusercontent.com/AR-Sebastian/roundcube-skin-workbench/main/docs/mail-dark.png)
(https://raw.githubusercontent.com/AR-Sebastian/roundcube-skin-workbench/main/docs/mail-read.png)

This is a third-party skin, not an official Roundcube skin. I'd be happy to get feedback — especially regarding compatibility with different browsers, plugins and Roundcube installations.

Thanks!

Hi! Very nice and interesting skin!
I tested it on Roundcube 1.7.2 using the latest Firefox on Mac OS and seems to work well. I noticed two little problems:

1) in messages list, at first, the little tab with "Mark as read", "Archive" and "Delete" icons remains fixed; I need to click elsewhere to make it disappear and, after, it works correctly.

2) in the Options Panel, the "Forwarding" button has the icon in the wrong position; no problems with all the other buttons.

Except for these little glitches, this skin seems to work very well! Congratulations on your good work!

Hi,
looks very nice and modern. But for me, the black folder list compared to the clear, white message list and message view is a little disturbing and the black/grey is hard to read. It would be great, when the the folder column colour would follow the message pane colour. Dark mode -> all dark, light mode -> all light. Or even a switch to select the colour of the folder column would be a great help.

Except of this it would be my theme :-) Great work, thanks a lot.