Colors and Appearance

Colors

Colors for control elements and text come from a list of predefined colors.  As of version 1.2, you can change the preset colors and add new ones to the list; changing a color will affect all controls and screens using that color, which makes it easy to change the entire color scheme.

You can change the preset colors via the Info screen

Screen appearance

When editing a screen, you can access the screen’s preferences by opening the help window, and pressing the Set Screen Colors button.  You can then set:

  • A background color (this is not limited to the preset colors)
  • A background image (choose from images in your iPhone’s photo album or Dropbox folder)
  • The image transparancy (this will let the selected image blend into the background)

Control element appearance

Controls have some or all of the following properties than can be changed to get the desired appearance:

  • Background color
  • Background color for the control’s On state (if applicable)
  • Transparency of the control.  This affects only the background, not the text or control icon
  • An image from the iPhone’s photo album, your Dropbox account, or one of the predefined icons
  • The image’s transparency
  • Size of the image.  Note that images in controls are scaled down to 200×200 pixels (or 400×400 on retina screens).  “Small” size means the image will be resized to about half of the control’s area.

For some types of controls, like switches or binary sensors, you can add a second background image which will be displayed when the control is in the “on” or “tripped” state. For example, your light switch control can show a dark bulb when off, and a lit bulb when on.

Dropbox: when choosing images from Dropbox, at first only the image names will be displayed. Wait a few moments for the image thumbnails to be downloaded and shown.
Only images in the /Apps/Homewave folder in your Dropbox account can be used.

Background images: Full-screen Control Panels on the iPhone and iPad do not rotate (Control Panels on the iPad in split-screen mode do rotate); this means that any background image will not be rotated either. When adding an image, hold the iPhone or iPad in the preferred orientation (portrait or landscape), then add the background image. The image will be displayed right-side-up in that orientation.

Read on for more information on the trickier options for changing a control’s appearance.