Embryo is made in material design so its easy to customize the color and other style related points.
Theme Customization ( By Changing Primary Vars as per Google Color Palette)
If you wish to change the primary colors then you can do the following:
Open assets>scss>material.theme file
Go to
// Define the default theme (same as the example above).
$my-theme-primary: mat-palette($mat-indigo,800);
$my-theme-accent: mat-palette($mat-deep-orange, 500);
$my-light-theme: mat-light-theme($my-theme-primary, $my-theme-accent);
By default gene gives the following color set, you can change as per your requirement
Simply choose the color you want from the pallete and replace that in the file for e.g. if you wish to change the primary color with Purple - 400 simply choose its hex value (#ab47bc) and replace in the file.
$my-theme-primary: mat-palette($mat-purple,400);
Custom Variables
If you want to change variable of typography , page title and footer then go to the variables.scss file and change the vaulues.
