skills.rest
needle-mirror
needle-mirrorOFFICIAL
Explore all skills by this author →
Website𝕏@NeedleToolsGitHub

app-ui-theming

Centralize Unity UI theming tokens and switch themes at runtime.

9|3|Updated May 8, 2025
Search Tags:#branding#theming#design-tokens#panelsettings#unity-ui#theme-context#scale-context
One-click install
npx skills add https://github.com/needle-mirror/com.unity.dt.app-ui --skill app-ui-theming-needle-mirror
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-ui-theming
Source: https://github.com/needle-mirror/com.unity.dt.app-ui/tree/main/Plugins~/skills/app-ui-theming
Command: npx skills add https://github.com/needle-mirror/com.unity.dt.app-ui --skill app-ui-theming-needle-mirror

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

App UI theming complexity is tamed by centralizing tokens, styles, and runtime switching so teams can deliver branded, accessible interfaces consistently across platforms.

Core Features & Use Cases

  • Centralized design tokens and USS variables for cohesive branding
  • Runtime theme switching with ThemeContext and scale contexts for responsive UIs
  • Two-file theme setup (USS + Theme .tss) paired with PanelSettings for quick adoption and customization
  • Use cases include creating branded themes, enabling dark/light modes, and scaling typography across devices

Quick Start

Create a custom theme using a USS stylesheet and a Theme file, import them, apply via PanelSettings, and switch themes at runtime with ThemeContext.

Frequently Asked Questions about app-ui-theming

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

FAQPage Schema
How do I centralize Unity UI theming for dark and light modes?▼

Centralize Unity UI theming by defining design tokens and USS variables in a two-file setup. Use ThemeContext to switch between dark and light modes at runtime, ensuring consistent branding across the application.

What is the best way to scale typography across devices in Unity?▼

Scale typography across devices by utilizing ScaleContext within your Unity UI theming setup. This approach pairs with centralized design tokens to dynamically adjust text sizes responsively.

Do I need PanelSettings to apply custom themes in Unity?▼

Yes, PanelSettings integration is required to apply custom themes in Unity. You import your USS stylesheet and Theme file, then apply them via PanelSettings to ensure the UI renders the correct branding.

How does runtime theme switching work with USS and Theme files?▼

Runtime theme switching works by loading USS stylesheets and Theme .tss files into PanelSettings, then leveraging ThemeContext to trigger visual updates instantly without restarting the Unity application.

Can I use this theming approach for responsive Unity UIs across different platforms?▼

Yes, you can build responsive Unity UIs across platforms by combining ThemeContext for visual branding and ScaleContext for responsive typography scaling, ensuring accessibility and consistency.

Related Skills

Explore More Design & Creative Skills→
IAFahimIAFahim

app-ui-theming

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

Community
Advanced
ProjectEuropaProjectEuropa
4

theme-factory

Apply predefined color palettes and typography from the themes/ directory to styling artifacts.

Community
Intermediate
batihandevbatihandev
5

unity-uitoolkit

Create and modify Unity UI Toolkit interfaces with UXML, USS, and UIDocument configuration.

Community
Advanced
BasarEkinciBasarEkinci

ui-toolkit

Design Unity UI Toolkit screens with UXML, USS, and UQuery event wiring.

Community
Advanced