Angular (1.6.8)

custom-colors-in-custom-theme.js

angular.module('app',[])
.config(function($mdThemingProvider) {
    // 4 real time change
    $mdThemingProvider.alwaysWatchTheme(true);

    // 4 custom md-toast theme
    $mdThemingProvider.theme("success-toast");
    $mdThemingProvider.theme("error-toast");

    // here we go 4 CustomPalette
    $mdThemingProvider.definePalette('CustomPalette', {
        // Primary Colors
        '50':  '#673ab7',   // Light
        '100': '#0D0208',   // Mid
        '200': '#0D0208',   // Dark
        
        // Accent Colors
        '300': '#e49742',   // Light
        '400': '#008F11',   // Mid
        '500': '#b06919',   // Dark
        
        // Neutral Colors
        '600': '#b06919',   // Light
        '700': '#0D0208',   // Warm Light
        '800': '#000000',   // Warm Mid
        '900': '#000',   // Warm Dark
        'A100': '#000',  // Dark
        
        // Warning Colors
        'A200': '#ff8a80',  // Red - Light (Google 'Red' A100)
        'A400': '#f44336',  // Red - Mid   (Google 'Red' 500)
        'A700': '#c62828',  // Red - Dark  (Google 'Red' 800)
        
        'contrastDefaultColor': 'light',
        'contrastDarkColors': '50 600 700 800 900 A200'
    });
});