Custom component implementations using Material elements often want to apply theme colors to their custom components. Consider the custom <user-card> component below where the md-colors attribute is used to color the background and text colors using either the current or specified theme palette colors.

<user-card> without md-color features

<user-card> coloring using the 'default' theme

<user-card> coloring using the 'forest' theme

Note: The md-colors directive allows pre-defined theme colors to be applied as CSS style properties. md-colors uses the palettes defined in the Material Design Colors and the themes defined using $mdThemingProvider. This directive is an extension of the $mdTheming features.