Ionic App Theme Tutorial - Customize your ionic themes and extract colors from design

Youtube Video Link : https://www.youtube.com/watch?v=3yU-Lw-qKVU

You will learn how to extract colors from a design file and generate Ionic theme CSS4 variables in an easy way. 

Follow Steps

• Install Ionic and create new ionic app (you can skip this step if already create ionic app)
• Open in the app code in Visual Studio Code (you can use any editor)
• Open src/theme/variables.scss file
• Now open your design file and pick all colors used in the design
• Visit Color Generator to generate colors you picked from design
• Copy the generated css variables and paste in src/theme/variables.scss file by replacing the old variables
• Now run the application using this command ionic serve from your terminal
• Tada your theme is updated according to your design files. 

Follow me on Instagram: 

https://www.instagram.com/codewithmuzamil/

Subscribe to my Youtube channel for more videos:

https://www.youtube.com/watch?v=3yU-Lw-qKVU