Ionic has nine default colors that can be used to change the color of many components. Each color is actually a collection of multiple properties, including a and , used throughout Ionic.

• Primary

• Shade

• Tint

• Secondary

• Shade

• Tint

• Shade

• Tint

• Success

• Shade

• Tint

• Warning

• Shade

• Tint

• Danger

• Tint

• Dark

• Shade

• Tint

• Medium

• Shade

• Tint

• Light

• Shade

Ionic has two modes that are used to customize the look of components based on the platform: and . Each platform has a default mode, but this can easily be configured. For more information on customizing an application based on the platform, see Platform Styles.

Ionic provides application colors that can be used to theme an application to match a brand or color scheme. The default theme uses a light background, but everything from the background color to the text color is fully customizable. For more information on branding, see .