cherubimro/roundcube-nagus-theme

A Ferengi-themed dark skin for Roundcube Webmail based on Elastic

Installs: 0

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 0

Forks: 0

Open Issues: 0

Language:Less

Type:roundcube-skin

pkg:composer/cherubimro/roundcube-nagus-theme

dev-main 2026-02-25 02:35 UTC

This package is auto-updated.

Last update: 2026-02-25 02:36:40 UTC


README

The Grand Nagus commands your inbox.

A dark, opulent Roundcube webmail skin dripping with gold, amber, and bronze. Inspired by the Ferengi obsession with profit and the Rules of Acquisition.

Features

  • Gold/amber/bronze palette — dark warm backgrounds with rich gold accents
  • Opulent pill-shaped buttons — rounded, uppercase, with gold gradient shimmer
  • Gold trim headers/footers — warm glow border effects
  • Gold shimmer animation — subtle CSS @keyframes sweep on primary buttons
  • Gold glow on focus — inputs get warm amber box-shadow
  • Luxurious login page — radial gold gradient background, glowing logo
  • Parchment email content — warm readable background for HTML emails
  • Dark mode support — even deeper black variant
  • Mobile optimized — animations disabled, simplified shapes for performance
  • Custom logo — stylized latinum coin emblem

Color Palette

Role Value Description
Primary accent #d4a017 Rich gold
Base black #0f0c08 Near-black warm
Body text #d8ccb0 Warm cream/parchment
Secondary text #8a7a5a Muted gold
Link color #e8b820 Bright gold
Backgrounds #120f0a-#1a1610 Dark bronze surfaces
Borders #2a2218-#3a3020 Dark bronze
Error #cc2200 Red alert
Warning #ff8c00 Deep orange

Installation

Option A: Symlink (development)

ln -s /path/to/Nagus /path/to/roundcubemail/skins/Nagus

Option B: Copy

cp -r Nagus/ /path/to/roundcubemail/skins/Nagus

Activate

In your Roundcube config/config.inc.php:

$config['skin'] = 'Nagus';

Building from source

If you modify the LESS files, recompile:

npm init -y
npm install less less-plugin-clean-css
npx lessc --clean-css="--s1 --advanced" styles/styles.less styles/styles.min.css
npx lessc --clean-css="--s1 --advanced" styles/print.less styles/print.min.css
npx lessc --clean-css="--s1 --advanced" styles/embed.less styles/embed.min.css
rm -rf node_modules package.json package-lock.json

Customization

Skin color palette changes and other CSS modifications can be done via styles/_styles.less and styles/colors.less.

Based on

The Elastic skin by The Roundcube Dev Team, licensed under Creative Commons Attribution-ShareAlike 3.0.

License

The contents of this folder are subject to the Creative Commons Attribution-ShareAlike License. It is allowed to copy, distribute, transmit and to adapt the work by keeping credits to the original authors in the README.md file. See http://creativecommons.org/licenses/by-sa/3.0/ for details.

This folder also contains code licensed separately: