Skip to main content

Theming

Colors used​

Android   Android

Colors should be specified in hex format (e.g. #0099ff) and defining element colors through variable names is not supported.

  • primary-background-color for the navigation bar background color Android
  • app-header-background-color for the status bar background color Android

iOS

The iOS app accepts colors specified in hex, rgb, hsl, rgba, hsla formats or using a valid HTML color name; although formats with alpha values are recognized, using alpha values less than 100 % (or 1) will currently lead to a color mismatch.

  • primary-background-color for the background color of the web view iOS
  • app-header-background-color for the status bar background color iOS
  • primary-color for the pull-to-refresh control/spinner iOS

Setting the app theme​

iOS The app automatically matches the selected theme in Home Assistant and updates in real time when the theme is changed.

Android To change the theme of the app you must use a service call to frontend.set_theme in Home Assistant. This will fire an event which the app can detect.