Angular Material Theme

Theming is provided by Angular Material. It allows you to specify the 3 main colors for your interface.

This is a common task for all apps, so we've already included the config provider for you in angular/config/theme.config.js.

Here's how it looks like:

JavaScript

export function ThemeConfig($mdThemingProvider) {
	'ngInject';
	/* For more info, visit https://material.angularjs.org/#/Theming/01_introduction */
	$mdThemingProvider.theme('default')
		.primaryPalette('indigo')
		.accentPalette('grey')
		.warnPalette('red');
}

👍

Consult the official docs for instructions & tips on selecting the colors.