A dynamic theme customization tool that updates OpenClaw Dashboard accent colors and UI variables through a single command or natural language request.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install openclaw-dashboard-theme
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 openclaw-dashboard-theme 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 OpenClaw Dashboard Theme Changer?
The OpenClaw Dashboard Theme Changer is a robust utility within the Openclaw Skills ecosystem designed to provide instant UI personalization. It allows developers and users to modify the primary accent color of the OpenClaw Dashboard by simply specifying a hex code or a color name.
Unlike static CSS overrides, this skill intelligently crawls the installation directory to locate active CSS and JS bundles, regardless of file hashes. It performs comprehensive variable replacement across dark and light modes, ensuring that hover states, glows, and muted tones are mathematically derived from the base color for a professional, cohesive look.
OpenClaw Dashboard Theme Changer Use Cases
- Personalizing the OpenClaw Dashboard to match brand identity or developer preference.
- Quickly switching between high-visibility colors for different environments (e.g., production vs. staging).
- Automating UI theme updates through natural language prompts via AI agents.
- Ensuring consistent accent colors across both CSS styles and hard-coded JavaScript UI components.
How OpenClaw Dashboard Theme Changer Works
- The skill dynamically scans the OpenClaw installation directory to identify the current CSS and JS bundle paths.
- It validates the input color (Hex format) and maps natural language color names (like blue or purple) to specific hex values.
- It updates all relevant CSS variables, including accent, primary, ring, and focus colors, across all theme blocks.
- It parses the JS bundle to replace hard-coded accent values while protecting critical status colors like danger reds.
- The skill calculates variant colors (hover, muted, subtle) using opacity levels and shade adjustments.
- It performs a post-update validation to ensure CSS integrity and prompts the user to refresh their browser.
OpenClaw Dashboard Theme Changer Setup
To install and use this skill within your workspace, execute the following commands in your terminal:
# Navigate to the skill directory
SKILL_DIR=~/.openclaw/workspace/skills/dashboard-theme
# Change the theme to a specific hex color (e.g., Yellow)
bash "$SKILL_DIR/change-theme.sh" "#fcd337"
OpenClaw Dashboard Theme Changer Data Schema & Taxonomy
The skill interacts with existing dashboard assets and manages the following CSS variable taxonomy:
| Variable | Purpose |
|---|---|
| --accent | Primary highlight color |
| --primary | Main button color |
| --ring | Focus ring and borders |
| --accent-hover | Darkened state for hover interactions |
| --accent-muted | Lower contrast secondary emphasis |
| --accent-subtle | Background tint (10% opacity) |
| --accent-glow | Outer glow effects (20% opacity) |
OpenClaw Dashboard Theme Changer Advanced Features
- Dynamic File Discovery: Automatically handles updates even when file name hashes change after system upgrades.
- Idempotent Execution: Safe to run multiple times without accumulating errors or corrupting source files.
- Intelligent JS Patching: Safely modifies compiled JavaScript bundles to ensure UI consistency where CSS variables cannot reach.
- Natural Language Mapping: Built-in support for mapping common color names to optimized Hex codes for Openclaw Skills users.
SKILL.md
Loading
Related Openclaw Skills
epub2md-cli
A professional CLI-based skill for inspecting EPUB metadata and converting e-books into clean, structured Markdown files.
No More Forget
A comprehensive memory optimization toolkit that prevents agent amnesia, slashes token consumption, and enhances semantic search capabilities.
UniFi Integration
A read-only monitoring skill for UniFi networks that provides instant visibility into devices, clients, health, and traffic data.
Image Collect
A specialized tool for extracting structured knowledge, OCR text, and summaries from images to be stored in a local database.
minimax-mcp
A high-performance MCP skill for OpenClaw that provides native MiniMax web search and image understanding with automated fallback protection.
Carrier Logistics Index Tracker
An automated data retrieval tool that extracts and analyzes logistics performance indices for carriers across specific regions and dates.
Featured*
