Chapter 8. Theming the App

In this chapter, we will cover the following tasks related to app theme customization:

  • Viewing and debugging themes for a specific platform
  • Customizing themes based on the platform

Introduction

Although Ionic has its own out-of-the-box default themes, you might want to even customize your app's look and feel further. There are several methods, as follows:

  • Change style sheet within Sass file
  • Detecting platform-specific type (iOS, Android, Windows) in JavaScript and applying custom classes or AngularJS conditions

Either of the above two methods should work, but it's highly recommended to apply customization in a Sass file before the app is built in order to achieve maximum rendering performance.

Get Ionic 2 Cookbook - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.