Skills
.Work. You
Rest

app-ui-theming

Community

Unify App UI themes across Unity apps.

Design & Creative#theming#uss#dark-mode#design-tokens#panelsettings#unity-ui#runtime-theme
AuthorIAFahim
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Centralizes theming for Unity App UI by managing USS variables, design tokens, and theme metadata to ensure consistent branding and faster UI iteration across projects.

Core Features & Use Cases

  • Theme File Structure and Tokens: define and override primary colors, spacing, typography, and semantic tokens across light/dark and scaled variants.
  • Runtime Theme Switching: switch themes at runtime via ThemeContext, enabling dynamic branding and accessibility adjustments.
  • PanelSettings Integration: pair a .tss theme file with a UI Toolkit PanelSettings to apply themes to the UIDocument root.
  • Design Tokens & BEM: enforce a consistent naming convention (appui-- prefix) and a robust set of tokens for color, spacing, and typography.
  • Use Cases: create brand themes, support dark/light modes, and implement scalable UI for multiple devices and contexts.

Quick Start

Create a custom theme by exporting a USS stylesheet and a matching Theme file (.tss), then attach it to PanelSettings and switch using ThemeContext at runtime.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: app-ui-theming
Download link: https://github.com/IAFahim/com.unity.dt.app-ui/archive/main.zip#app-ui-theming

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.