Themes
Themes change the colors of all tiles on a page at once — instead of styling each one individually.
How It Works
Section titled “How It Works”Apply a theme to a page and every tile picks up the theme’s color scheme. The color swatches in the editor update to match, so you can see the effect while designing.
Themes are per-page — each page can have a different color scheme. A warm palette for the bedroom, cool tones for the office, bold accents for a security page.
What Themes Control
Section titled “What Themes Control”A theme is a coordinated color palette that assigns a distinct color to each device type — Light, Switch, Lock, Cover, Climate, Sensor, Camera, Media, Scene, Fan, and more. Applying a theme recolors every tile on the page to match: its fill, border, animation, and overlay colors, plus the page background when it was theme-derived.
Active-vs-inactive coloring (a different color when a device is on vs off) is a per-tile setting in the editor, not part of the theme. Individual tiles can also override any theme color — the theme sets the base, tile customization handles the exceptions.
There are 10 built-in themes: Midnight, Sunrise, Forest, Sunny Beach Day, Neon Lagoon, Soft Vintage, Hyper Pop, Ember, Sakura, and Polar. New pages start on Neon Lagoon.
Solid or Gradient
Section titled “Solid or Gradient”Each theme can render tile colors as flat solid fills or gradient fills. The Solid/Gradient toggle sits in the theme picker, just below the theme carousel — one tap converts every tile’s color and animation on the page between solid and gradient, keeping each tile’s hue.
Themes aren’t in the page settings sheet. In the editor, tap the Theme button (the paintpalette icon) in the side toolbar to open the inline theme picker. Tap a theme circle to apply it, or slide across the carousel to scrub through themes with a live preview on the watch frame before it commits. The theme applies to the whole page.