Article

Setting the App’s Tint Color

Set your app’s tint color using the storyboard’s Global Tint property.

Overview

Every Watch app has a tint color that the system applies to the following UI elements:

  • The app’s title string in the status bar.

  • The app’s name in short-look notifications.

You can provide a tint color that reinforces your brand or matches your app’s icon. WatchKit stores the tint color in the storyboard’s Global Tint property. To set this property, open the storyboard, and select the File inspector (Figure 1).

Figure 1

The Global Tint property in the storyboard’s File inspector

A screenshot showing the Global Tint property in the storyboard’s File inspector.

Select one of several preexisting colors from the pop-up menu, or use the color picker to specify a custom color.

For more information on customizing your app’s visual design, see Customization.

See Also

Visual Design

Supporting Multiple Watch Sizes

Customize the layout of your user interface to support all Apple Watch screen sizes.