Platform Continuity

Learn how component styles vary across different platforms.

Overview of the chapter

Throughout this chapter, we’ll look into how theming an Ionic application is accomplished through the following areas:

  • Platform continuity
  • Branding
  • CSS variables
  • Custom component styles

Platform continuity

Component styles are supplied based on the device that the application is running on. This means that those components will be styled to have a native compatible look and feel that is in line with the design guidelines for those platforms.

The component styles that are supplied for each device platform are determined through the use of modes, with each platform assigned its specific mode as demonstrated in the following table:

Get hands-on with 1200+ tech skills courses.