Additional Theming Options

Find out what additional options are available for theming Ionic applications.

Other Ionic theming options

Ionic also provides developers with the ability to modify theme variables that are used across multiple components.

These theme variables can be grouped under the following categories:

  • Application Colors: Used in multiple places throughout an Ionic project, like tab bar colors, border colors, backdrop color, and so on
  • Stepped Colors: Uses color steps (subtle variations in change from one color to another color) to provide styling variations in UI appearance. These are used only with the--ion-text-color and --ion-background-color variables
  • Dark mode: Implement a custom dark color theme on an app-wide basis
...