[Release] Workbench – a modern light & dark skin for Roundcube 1.6 LTS and 1.7

[SebastianH]

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:

Code Select Expand

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




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!

[Tecno Lukas]

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!

[grafroit]

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.