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

(function(){
	"use strict";

	angular.module('app.config').config(function($mdThemingProvider) {

		$mdThemingProvider.theme('default')
		.primaryPalette('indigo')
		.accentPalette('grey')
		.warnPalette('red');
	});

})();

👍

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