Albient/roundcube-albient-theme
1
0
Fork 0
Code Issues Pull requests Wiki Activity
No description
1 commit 1 branch 1 tag 28 KiB
  • CSS 80.5%
  • PHP 19.5%
Find a file
Exact
Josh Quinlan bcb8c0f8f4 Initial release: extract roundcube-albient-theme from albient.mailstack
2026-06-24 22:34:24 +01:00
skins/elastic Initial release: extract roundcube-albient-theme from albient.mailstack 2026-06-24 22:34:24 +01:00
.gitignore Initial release: extract roundcube-albient-theme from albient.mailstack 2026-06-24 22:34:24 +01:00
albient_theme.php Initial release: extract roundcube-albient-theme from albient.mailstack 2026-06-24 22:34:24 +01:00
CHANGELOG.md Initial release: extract roundcube-albient-theme from albient.mailstack 2026-06-24 22:34:24 +01:00
composer.json Initial release: extract roundcube-albient-theme from albient.mailstack 2026-06-24 22:34:24 +01:00
LICENSE Initial release: extract roundcube-albient-theme from albient.mailstack 2026-06-24 22:34:24 +01:00
README.md Initial release: extract roundcube-albient-theme from albient.mailstack 2026-06-24 22:34:24 +01:00

README.md

roundcube-albient-theme

Albient login-page branding for Roundcube's Elastic skin.

Brands the unauthenticated pages only (login/logout) — custom logo, product name, a polished card and a prominent SSO button — without modifying the stock Elastic skin (which Roundcube overwrites on upgrade). It only injects a stylesheet and ships the logo asset; the product name and logo are taken from Roundcube config.

Installation

Drop the plugin into plugins/albient_theme/ and enable it in config.inc.php:

$config['plugins'][]   = 'albient_theme';
$config['product_name'] = 'Albient Mail';
$config['skin_logo']    = ['*' => '/plugins/albient_theme/skins/elastic/albient-logo.svg'];

What it styles

  • Brand backdrop behind the login card.
  • Centred white login card with logo and heading.
  • Full-width gradient "Sign in with Albient SSO" button (pairs with roundcube-albient-sso).
  • "or sign in with your email" divider, styled inputs, dark secondary submit button.

All CSS lives in skins/elastic/albient.css; the logo is skins/elastic/albient-logo.svg. Selectors are pinned to the Roundcube 1.6 Elastic login DOM.

Deployment

Deployed in the Albient stack by the albient.mailstack.roundcube Ansible role, which checks out a pinned tag of this repository into the Roundcube plugins/ directory. Works in any Roundcube 1.6+ install using the Elastic skin.

License

Copyright © Albient. All rights reserved. See LICENSE.