Toolbar Background Color Modifier

The Toolbar Background Color modifier specifies the preferred background color of a Navigation and/or Tab Bar.

Overview

If your Toolbar is set to Visible, you can customize the color of your Navigation Bar, Tab Bar, or both from the Inspector panel.

Application

To change the Toolbar background color of a navigation layer, apply the Toolbar Background Color modifier to a child in a Navigation Stack.

If you have both a Tab Bar and a Navigation Bar and you want to apply different settings to each one, add the Toolbar Background Color modifier twice to configure them separately.

<div class="callout note">Note
If you want a consistent Toolbar background color across all of the screens in your Tab Bar, you must apply the Toolbar Background Color modifier to each one.</div>