Skip to content

Themes

Themes change the colors of all tiles on a page at once — instead of styling each one individually.

{/* video: switching between themes */}

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.

  • Active tile color — The color when a device is on
  • Inactive tile color — The color when off
  • Icon and label colors — Match or contrast the background

Individual tiles can still override theme colors if you want specific tiles to stand out. Theme gives you the base, tile customization gives you the exceptions.

In the editor, go to a page’s settings and pick a theme. All tiles on that page update instantly. Combine with groups for even more control — themed pages with grouped tiles sharing accent styles.