Token System

Why Tokens Make Power UI Unique

The token system is what sets Power UI apart from traditional theme generators. Instead of manually updating hundreds of color properties across dozens of visuals, tokens create intelligent relationships between colors. Change your brand color once, and watch as every related element - from subtle backgrounds to emphasized buttons - updates automatically while maintaining perfect visual harmony.

This approach brings three game-changing benefits: Instant dark mode that actually works (no more manually creating separate dark themes), brand consistency that's automatic (tokens ensure your brand colors are applied correctly everywhere), and maintenance simplicity that saves hours (update one palette and your entire theme adapts). This is design system thinking applied to Power BI.

Real-World Benefits

Rebrand in seconds: When your organization updates brand colors, simply change the brand palette and every token-based element updates automatically. What used to take hours of manual JSON editing now takes seconds.

Perfect dark mode: Unlike manual dark themes that often miss edge cases, tokens ensure every element inverts properly. Backgrounds become dark, text becomes light, and brand colors adjust their intensity - all automatically calculated for optimal readability.

Consistency at scale: Whether you have 10 visuals or 100, tokens guarantee consistent color application. No more mismatched shades or forgotten hover states. Your entire report maintains perfect visual coherence, making it easier for viewers to understand and navigate your data.

How Tokens Work

Tokens are semantic color references that adapt based on context. For example, @text-primaryautomatically resolves to dark text in light mode and light text in dark mode. Similarly, @brand-subtlepulls from your brand palette's lighter shades in light mode and darker shades in dark mode, ensuring optimal contrast.

The five-level progression system (faint → muted → subtle → default → emphasis) provides precise control over visual hierarchy. This isn't just about colors - it's about creating meaningful relationships that make your reports more intuitive and accessible. Power UI handles all the complex color calculations behind the scenes.

Token Reference

Below are all the tokens available in Power UI themes. Toggle between light and dark mode to see how each token adapts. Notice the systematic progression from faint to emphasis in brand and semantic colors, and how background/foreground colors invert for optimal contrast.