theming

Standardize Light, Dark, and Game themes with color tokens and conditional styling.

4|2|Updated Oct 26, 2025
One-click install
npx skills add https://github.com/nomos-guild/cgov --skill theming
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: theming
Source: https://github.com/nomos-guild/cgov/tree/main/.claude/skills/theming
Command: npx skills add https://github.com/nomos-guild/cgov --skill theming

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill standardizes and enforces consistent visual themes across a project.

Core Features & Use Cases

  • Three-theme guidance: Light, Dark, and Game themes with distinct color tokens and styling rules.
  • Tokenized styling: Color reference tables, borders, and typography guidelines to ensure cohesive UI components.
  • Detect & adapt: Patterns for detecting the active theme and applying three-way conditional styling across components.

Quick Start

Use the theming skill to implement a three-theme UI with consistent styling across modes, referencing the color tokens and component states defined in the guide.

Frequently Asked Questions about theming

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

FAQPage Schema
How do I manage cohesive UI styling across light, dark, and game themes?

Ensure cohesive theming by applying standardized color tokens, borders, and typography guidelines to enforce consistent visual styling across light, dark, and game UI themes.

What is the best way to apply three-way conditional styling in a UI project?

Three-way conditional styling is applied by detecting the active theme and referencing predefined color tokens. This method standardizes visual rules and reusable patterns for reliable component states across light, dark, and game modes.

Do I need external software to implement color tokens and typography guidelines for dark theme support?

No external software is required. Theming is handled by defining standardized color tokens, borders, and typography guidelines directly within your project to ensure cohesive UI components.

How does theme detection work for applying light and dark mode styling?

Theme detection identifies the active theme and triggers three-way conditional styling rules. This applies the correct predefined color tokens, borders, and typography guidelines for reliable UI across components.

Can I use tokenized styling to maintain consistent borders and typography across different components?

Yes, you can use tokenized styling to maintain consistent borders and typography. The theming approach provides color reference tables and styling rules to ensure reliable UI components across light, dark, and game themes.