skills.rest
IAFahim
IAFahimCOMMUNITY
Explore all skills by this author →
GitHub

app-ui-theming

Manage App UI themes for Unity with .tss/.uss files and ThemeContext runtime switching.

Updated Mar 31, 2026
Search Tags:#theming#uss#dark-mode#design-tokens#panelsettings#unity-ui#runtime-theme
One-click install
npx skills add https://github.com/IAFahim/com.unity.dt.app-ui --skill app-ui-theming
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-ui-theming
Source: https://github.com/IAFahim/com.unity.dt.app-ui/tree/main/Plugins~/skills/app-ui-theming
Command: npx skills add https://github.com/IAFahim/com.unity.dt.app-ui --skill app-ui-theming

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about app-ui-theming

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

FAQPage Schema
How do I apply custom USS design tokens for Unity UI theming?▼

Unity UI theming uses USS stylesheets with appui-- prefixed variables to define and override primary colors, spacing, and typography tokens across light, dark, and scaled variants.

Can I switch between light and dark mode at runtime in Unity App UI?▼

Runtime theme switching in Unity App UI is handled by ThemeContext, allowing dynamic branding and accessibility adjustments between light and dark modes without restarting the application.

How do I integrate a .tss theme file with UI Toolkit PanelSettings?▼

Pair a .tss theme file with a UI Toolkit PanelSettings to apply custom themes directly to the UIDocument root, ensuring consistent branding across your Unity application interface.

What is the best way to manage design tokens for multiple screen scales in Unity?▼

Manage design tokens for multiple screen scales by defining semantic tokens and USS variables in a .tss theme file, enabling adaptable UI layouts across different device contexts.

Does Unity App UI theming require a specific naming convention for USS variables?▼

Unity App UI theming enforces a BEM-like naming convention using an appui-- prefix for USS variables, ensuring a robust and consistent set of tokens for colors, typography, and spacing.

Related Skills

Explore More Design & Creative Skills→
Yuan-ZzzzYuan-Zzzz

unity-uitoolkit

Create and edit UXML layouts and USS stylesheets for Unity 2022.3+.

Community
Advanced
needle-mirrorneedle-mirror
9

app-ui-theming

Centralize Unity UI theming tokens and switch themes at runtime.

Official
Advanced
Ho-Gyu-LeeHo-Gyu-Lee

ui-toolkit-design

Provide Unity UI Toolkit guidelines for UXML/USS styling and layout.

Community
Advanced
DVNghiemDVNghiem
20

design-tokens

Standardize color, typography, spacing, and border tokens across platforms.

Community
Intermediate