Skip to content

Releases

Aurora 1.0.1

Choose a tag to compare

@mkerstner mkerstner released this 05 Nov 19:13

Aurora is a modern, mobile-first refresh of Roundcube's Elastic skin, for Roundcube 1.7. It extends Elastic rather than forking it: templates, ui.js and Bootstrap come from your installed Elastic, and Aurora ships only what it changes.

This is the first published release, so these notes cover the whole skin. 1.0.1 fixes one bug in 1.0.0.

Aurora in the light theme

Dark theme Login Phone
Aurora in the dark theme The login page The phone layout with the bottom tab bar

Fixed in 1.0.1

  • Phones: the bottom tab bar no longer cuts off descenders in its labels, as in "Settings" and "Logout"

What Aurora brings

  • Look: an indigo-violet palette with a teal second hue for unread markers, in light and dark, and a login page redesigned as a raised card
  • Phones: a persistent bottom tab bar instead of the hidden drawer, touch-friendly list rows, and safe-area insets on notched phones
  • Accessibility: 93 colour pairs audited for WCAG 2.2 AA contrast, including failures inherited from Elastic, and a solid keyboard focus indicator on every control
  • System fonts: the system font stack replaces the Roboto webfont, including in the HTML editor
  • Settings: checkboxes become web-component switches, self-hosted with no CDN, and fall back to the native checkbox

Installation

Aurora needs Roundcube 1.7 and PHP 8.1 or newer. Keep skins/elastic in place, because Aurora builds on it. There is nothing to build and no database change.

With Composer

From the Roundcube root directory:

composer require mkerstner/aurora

The installer asks whether to activate the skin. Answering yes makes Aurora the default skin for every user. Answer no to offer it as a choice instead. --no-interaction counts as a yes.

By hand

Download the source archive below and unpack it so that the skin sits in skins/aurora. Rename the top folder: it must be called aurora.

Users choose Aurora under Settings → Preferences → User Interface. If your configuration restricts skins_allowed, add 'aurora' to the list.

Known limitations

  • Developed and tested on Roundcube 1.7.5 in Chromium-based browsers, including phone emulation. Firefox, Safari and real phones have not been tested yet; reports are welcome.
  • The acl, enigma, help and managesieve plugins were checked. markdown_editor has its accent colours adjusted, but the result has not been seen in a running editor.
  • Aurora's stylesheet contains Elastic's compiled CSS, so a CSS fix in Elastic only reaches Aurora through a new build.

Licence

Aurora is based on the Elastic skin by Aleksander Machniak and the Roundcube Dev Team and, like Elastic, is licensed under CC BY-SA 3.0. See LICENSE.