PrimaryColor property

ListScreen.PrimaryColor — Color

The primary color, which often uses a bold hue. It is used for things like the navigation bar background color.

The primary color is a base color, which other colors may copy or remix. If not set, it inherits the primary color from the preceding screen. If there is no color to inherit, a default color is used, set through the color theme chosen for the app.

You can completely change the color appearance of an app just by setting the primary color, the accent color and the background color. All other colors, if not set explicitly, are based on these base colors. The light foreground color, the dark foreground color and the warning color are also base colors, but rarely need to be changed.

Refer to the examples for the BackgroundColor property for more information on how to set this property dynamically, enabling it to change with values entered by your users.

Consult our reference material on colors to learn more.

Examples

Color.Blue500Color,Blue500

Sets the primary color to the "Blue 500" color from the Material Design color palette.

COLOR("blue 500")COLOR("blue 500")

Sets the primary color to the "Blue 500" color from the Material Design color palette. The COLOR function can return the same colors as those that can be accessed by writing Color.Color,, followed by the color name. However, any typos in the text string given to COLOR are only flagged as erroneous once your app is run, as opposed to writing Color.Color,, followed by the color name, in which case error are flagged immediately.

COLOR("#2196f3")COLOR("#2196f3")

Sets the primary color to the "Blue 500" color from the Material Design color palette. The COLOR function recognizes a variety of formats, including the hex notation also used with CSS (Cascading Style Sheets).