Custom Color
we used material angular Library version 0.11.2 to change theme color you can change file /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?