Custom Color

we used material angular Library version 0.11.2 to change theme color you can change file /app/app.js

app/app.js
/* Theme Configuration */
angular.module('App').config(function ($mdThemingProvider) {

	// Use as Primary color
	var myPrimary = $mdThemingProvider.extendPalette('blue-grey', {
			'500': '263238',
			'contrastDefaultColor': 'dark'
		});

	// Use as Accent color
	var myAccent = $mdThemingProvider.extendPalette('grey', {
			'500': '333333',
        'contrastDefaultColor': 'dark'
		});

	// Register the new color palette
	$mdThemingProvider.definePalette('myPrimary', myPrimary);

	// Register the new color palette
	$mdThemingProvider.definePalette('myAccent', myAccent);

	$mdThemingProvider.theme('default')
	.primaryPalette('myPrimary')
	.accentPalette('myAccent');
});

please see reference color : https://material.angularjs.org/0.11.2/#/Theming/03_configuring_a_theme

Last updated

Was this helpful?