Understanding the Theme Studio workspace and its powerful features.
Theme Studio uses an intuitive three-panel layout designed for efficient theme creation:
Core theme settings including palettes, typography, and structural colors
Live Power BI preview or real-time JSON view of your theme
Detailed customization for each visual type with style variants
Tip: All panels are collapsible. Click the panel headers to expand/collapse them for more workspace.
The header provides quick access to essential theme management functions:
Return to themes list. If you have unsaved changes, you'll be prompted to save.
Click to edit your theme's name and description. Changes save automatically.
Switch between Preview (live Power BI report) and JSON (code view) modes.
Import existing Power BI themes to enhance with Power UI features.
Download your theme as a .json file ready for Power BI.
Revert all unsaved changes to the last saved state.
Save your theme to the cloud. Creates a unique URL on first save.
The Foundation panel contains the core building blocks of your theme:
Color and neutral palette selection with management tools
Font family selection for all text elements
Background, foreground, and UI element colors
Specific styling for titles, labels, and callout values
Report canvas background and padding settings
Customize individual visual types and create style variants:
Dropdown to choose which visual type to customize (Column Chart, Line Chart, etc.)
Create multiple style variations for each visual type - exclusive to Power UI!
Expandable sections for different aspects of the visual (General, Title, Data Colors, etc.)
Indicate properties that have been modified from their default values
Header shows count of unsaved changes. Click Save to persist them.
Green checkmark appears briefly after successful save
Responsive Design: Panels automatically adjust on smaller screens
Preview Sync: Clicking a visual in preview auto-selects it in Visual Styles
Quick Toggle: Use keyboard shortcuts to toggle panels (Ctrl/Cmd + 1, 2, 3)
Auto-Save: Changes persist in browser even if you navigate away
Now that you understand the interface, let's dive into creating beautiful color palettes for your theme.
Continue to Color Palettes →