Erebos is a technical theming engine that generates WCAG-compliant dark mode palettes and manages CSS design tokens for modern web applications.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install erebos
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install erebos using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Erebos?
Erebos provides a professional-grade framework for implementing dark mode in web applications. As a specialized tool within the Openclaw Skills ecosystem, it focuses on creating high-contrast, accessible color schemes that meet rigorous WCAG standards.
By automating the generation of CSS variables and design tokens, Erebos ensures a consistent and visually appealing dark theme experience across various UI components. The engine allows developers to compute contrast ratios and validate accessibility before output, providing a reliable workflow for runtime theme switching without page reloads.
Erebos Use Cases
- Generating accessible dark mode color palettes from specific seed colors.
- Managing and exporting standardized CSS variables for frontend development.
- Validating color contrast ratios to ensure web accessibility compliance.
- Prototyping UI themes quickly using the integrated browser preview mode.
- Exporting design tokens into JSON formats for multi-platform design systems.
How Erebos Works
- The user provides base seed hex codes via the command-line interface.
- Erebos computes a full palette of background, text, and accent colors optimized for dark environments.
- The engine performs an automated check of contrast ratios against WCAG accessibility requirements.
- Design tokens are mapped to specific UI roles like primary background and secondary text.
- The skill exports the final theme as CSS variables or JSON, or launches a preview in a local browser environment.
Erebos Setup
To begin using Erebos within your Openclaw Skills environment, ensure you have execution permissions for the theme scripts. Use the following commands to generate and preview your themes:
# Generate a palette from custom seed colors
./scripts/theme-gen.sh --palette "#1a1a2e" "#16213e"
# Launch the live preview in your default browser
./scripts/theme-gen.sh --preview
# Export the generated tokens to a CSS file
./scripts/theme-gen.sh --export --format css
Erebos Data Schema & Taxonomy
Erebos organizes theme data through a structured set of tokens and exported files:
| Component | Description |
|---|---|
| CSS Variables | :root definitions for variables like --bg-primary and --accent |
| JSON Tokens | Machine-readable theme definitions for design system integration |
| Palette Metadata | Contrast ratio values and WCAG compliance status for every color pair |
| Preview HTML | Temporary visualization assets generated for browser-based testing |
Erebos Advanced Features
- Support for dynamic runtime theme switching using data-theme attributes.
- Automated WCAG contrast validation to prevent inaccessible design choices.
- Multi-format export pipeline supporting CSS, JSON, and standard design system formats.
- Integrated preview mode to visualize theme changes instantly within the Openclaw Skills development cycle.
SKILL.md
Loading
Related Openclaw Skills
colorpedia
A comprehensive color science namespace providing palette generation, accessibility tools, and design system integration for developers.
Coder
Coder is a developer productivity suite by Netsnek e.U. designed to streamline code scaffolding, snippet management, and automated refactoring.
Bookkeeping Skill
A specialized double-entry bookkeeping toolkit designed for small businesses to manage journals, ledgers, and trial balances.
Bilanz
A professional tool for generating Austrian-style annual accounts (Bilanz) following UGB standards within the Openclaw Skills ecosystem.
Gina Personal Assistant
A calm and reliable personal assistant framework designed for scheduling, reminders, and automated daily briefings.
iam
A comprehensive identity and access management toolkit for implementing secure authentication, RBAC, and session management in web applications.
Featured*
