Docs

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:

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.


Did this page help you?