[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!