Download the PHP package ar-sebastian/workbench without Composer
On this page you can find all versions of the php package ar-sebastian/workbench. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Informations about the package workbench
Workbench — a modern skin for Roundcube
A third-party Roundcube skin derived from Elastic: a dark navigation rail, a
light card canvas, a red brand accent (#cc151c), Inter typography, 12 px
radii, visible keyboard focus, and both light and dark modes. Surface only —
the Roundcube core stays untouched. Brand-neutral / rebrandable (accent =
the --wb-accent token, logo files in images/ are replaceable).
- Base: Roundcube 1.6 LTS and 1.7, skin
elastic - Principle:
meta.json→"extends": "elastic"; all overrides live inskins/workbench/only. No changes to the core, plugins, orskins/elastic/.
🇩🇪 Eine deutsche Fassung dieser Dokumentation: README.de.md
Screenshots
| Login | Inbox (light) |
|---|---|
| Inbox (dark) | Reading a message |
|---|---|
Features
- Light + dark via Roundcube's native toggle (moon button); tokens on
html.dark-mode. - Icon-only task rail with hover tooltips (and persistent labels on wide touchscreens); a dedicated line-icon set (Lucide) replaces the most prominent FontAwesome glyphs.
- Initials avatars in the list, reading header and recipient chips (cosmetic, JS only).
- UX extras (subtle, removable by deleting
workbench.js): skeleton loader, top progress bar, hover quick-actions, keyboard shortcuts with a cheat sheet (?). - Internationalization: skin localization (
localization/en_US.inc+de_DE.inc,meta.json→"localization": true) for the login; an EN/DE dictionary inworkbench.jsandwatermark.htmlkeyed offrcmail.env.lang. English is the default. - Accessibility: visible focus everywhere,
aria-hiddenon decorative elements, the cheat sheet is anaria-modaldialog with focus trapping and a close button, and dark-mode accent text meets WCAG AA contrast. - Print: a clean, ink-saving print stylesheet (white background, black text, no screen chrome or avatars, underlined links).
- RTL: Elastic provides the base flip; the custom components (avatars,
quick-actions, rail tooltip, active marker, reading-header avatar) are mirrored
for
html[dir="rtl"]. - Brand-neutral: accent = the
--wb-accenttoken, logo replaceable inimages/. No product or vendor names.
Compatibility
Verified on Roundcube 1.6 LTS and 1.7 (min-version 1.6.0) in
Chromium/Chrome and Firefox (login, message list, reading, composing,
dark mode — custom icons via CSS mask, the Inter webfont and avatars render
identically). The icons use mask / -webkit-mask, which also covers
WebKit/Safari.
Deployment note: Firefox only applies stylesheets served with the correct
Content-Type: text/css(strict MIME checking). Regular Apache/nginx setups do this automatically; the MIME type can only be mangled by a Roundcube router that pipes all requests through PHP.
Installation
Composer (recommended)
The roundcube/plugin-installer places the skin at skins/workbench/ and can
activate it interactively.
Manual (release archive)
Releases: https://github.com/AR-Sebastian/roundcube-skin-workbench/releases
Activation
In config/config.inc.php: $config['skin'] = 'workbench'; — or per user in the
Roundcube settings. Then hard-reload (assets are versioned with ?s=).
Dark mode
Roundcube has a native dark toggle (the moon button in the task menu) that
sets html.dark-mode (cookie colorMode). The skin puts its dark tokens on
html.dark-mode and on html[data-wb-theme="dark"], so it reuses the
existing, working toggle rather than a fragile custom one.
Layout
Build
Compile the Elastic entrypoints with --include-path pointing at this skin
folder. That lets the official Elastic hooks (_variables / _styles) pick up the
overrides without modifying any Elastic file.
Manual (core of the build):
Requires Node/npm; lessc (less@4) + optional less-plugin-clean-css.
Rollback
Deselect the skin (stock Elastic becomes active again) and remove the
skins/workbench/ folder. Since no core/plugin/Elastic files were modified, the
removal is complete and side-effect-free.
License & credits
The skin is licensed CC BY-SA 3.0 (same as the Elastic base skin). Third-party components (Elastic, Inter, Font Awesome, Lucide icons) and their licenses are listed in NOTICE.md.