skills.rest
ContrastingSounds
ContrastingSoundsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

rill-theme

Define and apply brand-consistent color themes across Rill dashboards via YAML.

Updated Feb 19, 2026
Search Tags:#design#branding#dashboard#yaml#theme#color-palette#rill
One-click install
npx skills add https://github.com/ContrastingSounds/myai --skill rill-theme-contrastingsounds
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rill-theme
Source: https://github.com/ContrastingSounds/myai/tree/main/rill/.claude/skills/rill-theme
Command: npx skills add https://github.com/ContrastingSounds/myai --skill rill-theme-contrastingsounds

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Rill themes provide a lightweight mechanism to define brand-consistent color palettes for dashboards, enabling consistent visuals across explore and canvas components with minimal overhead.

Core Features & Use Cases

  • Project-wide and per-dashboard theming via rill.yaml or dashboard files to apply brand colors consistently.
  • Support for multiple color formats (hex, named CSS colors, and hsl) and distinct light/dark configurations.
  • Quick customization and validation of theme files to ensure they meet the required structure (type: theme, light, dark blocks).

Quick Start

Create a theme YAML with type: theme and populate light and dark blocks to style your dashboards.

Frequently Asked Questions about rill-theme

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I customize colors for my Rill dashboards?▼

To customize Rill dashboard colors, define a theme YAML file with light and dark blocks, then reference it in rill.yaml for project-wide styling or within dashboard files for per-dashboard visuals.

What color formats are supported when creating a Rill theme?▼

Rill themes support hex values, named CSS colors, and HSL formats within the light and dark configuration blocks to style Explore and Canvas components.

How do I apply a color palette across all Rill dashboards?▼

Apply a color palette project-wide by defining the theme in a YAML file and referencing it in rill.yaml, ensuring brand-consistent visuals across all Explore and Canvas dashboards.

Does Rill validate theme YAML files during deployment?▼

Yes, Rill validates theme files during start or deployment to ensure they meet the required structure, including the type: theme declaration and properly formatted light and dark blocks.

Can I use different color themes for individual Rill dashboards?▼

Yes, you can apply per-dashboard themes by referencing a theme file directly within specific dashboard files, overriding the default project-wide styling defined in rill.yaml.

Related Skills

Explore More Design & Creative Skills→
rilldatarilldata
47

rill-rillyaml

Configure rill.yaml project settings, OLAP connectors, environment variables, and path management.

Official
Intermediate
ingpocingpoc
9

theme-factory

Apply predefined color palettes and typography from themes/*.md to slides, docs, and landing pages.

Community
Intermediate
shawn-sandyshawn-sandy

validate-plugins

Validate Claude Code plugin manifests, marketplace entries, and repository structure.

Community
Advanced
jiaiyanjiaiyan
21

element-plus-design-color

Define and apply Element Plus color tokens to CSS variables for consistent theming.

Community
Intermediate