Skip to main content
A theme is your project’s colors, fonts, border radius and shadows. Change it in one place and every page and component in the project updates. Every plan has it. If your project is linked to a design system, the theme comes from the design system and is read-only here.
The canvas with the Theme panel open

​
Quick changes

  1. On the canvas, click Theme at the top left.
  2. Change what you need:
    • Primary color: your main brand color.
    • Border radius: how round corners are.
    • Typography: the Sans, Serif and Mono fonts, whichever your project uses.
    • Mode: shows the preview in light or dark, so you can check both. It does not change the theme.
  3. Watch the canvas nodes update as you go.
  4. Click Save Theme. The theme is saved as a new version. Reset throws away unsaved changes.
In Focus, the palette icon in the toolbar (Theme) opens the same controls on the Theme tab of the Visual Edit panel. Save or discard them with the buttons that appear in the toolbar.

​
Every setting

  1. Click the Project settings icon next to your project’s name, or Advanced Options in the Theme panel.
  2. Open Theming. It has four sections. Click one to open it; Add color and Add shadow appear once their section is open.
  1. Click Save Theme. If you changed a color that already existed, Polymet asks you to confirm, since designs using it will change.
Project Settings on the Theming tab with the Colors section open, showing the Name, Light and Dark columns
If you close the theme with unsaved changes, Polymet warns that they will be discarded.

​
When you cannot edit the theme

  • Your project is linked to a design system. The panel says “Theme is inherited from the linked design system” and names it. Change the theme in the design system itself.
  • You are looking at an older version. Go to the latest version to edit.
  • A generation is running. Wait for it to finish, then save.

​
Theme or design system

A theme belongs to one project. A design system is its own project, with components and a theme, that you release for other projects to use. Linking one replaces the project’s theme with the design system’s.