Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Latest commit

 

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Roundcube Elastic Accessibility skin

A minimal Roundcube skin that extends the built-in Elastic skin to restore the colored dot used as the unread-message indicator in the message list.

That color was removed upstream in commit 9427ec1 (PR #7141, "Mouse-over menu on messages list"), which makes unread messages harder to spot at a glance for some users.

What it changes

Restores a single CSS rule for .messagelist td.subject span.msgicon.status.unread:before:

Mode Color Original LESS expression
Light #ffd452 @color-list-unread-status (@color-warning)
Dark #b89300 darken(@color-warning, 30%)

Values are precomputed because the skin ships compiled CSS only (no LESS build required at install time).

Requirements

  • Roundcube ≥ 1.6 with the built-in Elastic skin available

Installation

Via Composer (recommended)

From your Roundcube root:

composer require nicolas-joubert/roundcube-skins-elastic-accessibility

The roundcube/plugin-installer will place the skin under skins/elastic-accessibility/.

Manual

Copy this repository's contents into skins/elastic-accessibility/ inside your Roundcube installation.

Enabling

In config/config.inc.php:

$config['skin'] = 'elastic-accessibility';

Or per user, via Settings → Preferences → User Interface → Interface skin.

How it works

meta.json declares "extends": "elastic" so Roundcube inherits every template, image, and stylesheet from Elastic, and additionally injects /styles/custom.css via the links meta key. That CSS file contains only the restored color rules, so future Elastic updates are not blocked.

License

CC-BY-SA 3.0, matching the parent Elastic skin.

About

Improve Accessibility of the default Elastic skin

Resources

Stars

3 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages