Customizing

Now the basic setup is ready for SASS and also while running ionic serve you will add all custom styling and SASS related changes in all different files for each of the components or pages. Let's start with changing one of the color variables by default present in the variable.scss file:

    /*To customize the look and feel of     Ionic, you can override the variablesFor example, you might change some of     the default colors:$colors: (  primary:    #387ef5,  secondary:  #32db64,  danger:     #f53d3d,  light:      #f4f4f4,  dark:       #222,  favorite:   #69BB7B,  twitter:    #53ACEB,  github:     #000000,  instagram:  #235D8D);// Fastest way to change the theme of        your Ionic app is to set new value        for primary color

You can see that we have added custom colors such as ...

Get Hybrid Mobile Development with Ionic 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.