Themes
Pick Vfinity, Glass or Potato, build your own in the Theme studio, and set density, text size and motion.
Change how Vfinity looks without changing how it works. Pick one of three themes, switch between light and dark, or build a theme of your own, down to every color and corner.
Try the themes above: switch between them and between light and dark, and the small studio window changes with you.
Pick a theme
Go to SettingsAppearance & languageAppearance and click a theme card.
| Theme | Looks like |
|---|---|
| Vfinity | The Vfinity look: pink and lime accents, rounded panels. |
| Glass | Frosted glass panels, soft shadows, violet and teal. |
| Potato | Deliberately plain and lightweight. |
Coming from 1.x? Vfinity was called Streetwear and Glass was Modern. Your saved theme keeps working.
Switch light and dark
Click the sun or moon button in the title bar. You can also right-click an empty spot in the window and choose light or dark mode there, or find it with Ctrl+K/Cmd+K. Every theme has both modes.
Build your own theme
Open the Theme studio
Click Open theme studio, or Duplicate under a built-in theme. The built-in themes stay as they are: your first change starts a copy, named like "Glass copy". New theme, in the studio's list, starts one too.
Change the tokens
Pick a group across the top, such as Surfaces, Brand & status, Typography or Shape, and change its colors, fonts and sizes. Tick Advanced to see every token in the group. The Live preview uses real controls and changes as you edit.
Do both modes
Switch between Dark and Light at the top to edit each. Generate light mode (or Generate dark mode) makes the other one for you; check the contrast chips, which say Passes AA or Below AA.
Save it
Name it in Theme name and click Save. Discard changes puts back what you had. You can keep up to 30 themes.
Share a theme
In the Theme studio, Export saves the theme you are editing as a .json
file. Import adds a theme someone else made to your list.
Set your own preferences
Your preferences, at the bottom of the Theme studio, belong to you rather than to a theme. They save as soon as you change them and stay when you switch themes.
- Density: Compact, Normal or Roomy spacing.
- Text size: from 85% to 130%.
- Motion: Follow system matches your computer's reduced-motion setting. Off stops transitions and hover movement. Full keeps animations even when your system asks for less.
- Turn off glass blur and Turn off glow: glass blur costs graphics power, so turning it off can help on a busy streaming PC.
Add a background image
Under Background image, click Choose image. Then set its Opacity, Blur and Fit: Fill, Fit or Tile. If the image makes text hard to read, the studio warns you.
Your themes, light or dark mode and background image travel in a backup under Look and theme.