Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

Commit

Permalink
update(docs): replace primaryColor with primaryPalette, etc.
Browse files Browse the repository at this point in the history
  • Loading branch information
ThomasBurleson committed Jan 30, 2015
1 parent 6e3ddb8 commit d6bdf0f
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions docs/content/Theming/03_configuring_a_theme.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,15 +18,15 @@ during application configuration.
### Configuring Color Intentions

You can specify a color palette for a given color intention by calling the
appropriate configuration method (`theme.primaryColor`, `theme.primaryColor`,
appropriate configuration method (`theme.primaryPalette`, `theme.primaryPalette`,
`theme.warnColor`, `theme.backgroundColor`).

<hljs lang="js">
angular.module('myApp', ['ngMaterial'])
.config(function($mdThemingProvider) {
$mdThemingProvider.theme('default')
.primaryColor('pink')
.accentColor('orange');
.primaryPalette('pink')
.accentPalette('orange');
});
</hljs>

Expand All @@ -43,15 +43,15 @@ angular.module('myApp', ['ngMaterial'])
.config(function($mdThemingProvider) {

$mdThemingProvider.theme('default')
.primaryColor('pink', {
.primaryPalette('pink', {
'default': '400', // by default use shade 400 from the pink palette for primary intentions
'hue-1': '100', // use shade 100 for the `md-hue-1` class
'hue-2': '600', // use shade 600 for the `md-hue-2` class
'hue-3': 'A100' // use shade A100 for the `md-hue-3` class
})
// If you specify less than all of the keys, it will inherit from the
// default shades
.accentColor('purple', {
.accentPalette('purple', {
'default': '200' // use shade 200 for default, and keep all other shades the same
});

Expand Down Expand Up @@ -94,7 +94,7 @@ angular.module('myApp', ['ngMaterial'])
});

$mdThemingProvider.theme('default')
.primaryColor('amazingPaletteName')
.primaryPalette('amazingPaletteName')

});
</hljs>
Expand All @@ -117,7 +117,7 @@ angular.module('myApp', ['ngMaterial'])

// Use that theme for the primary intentions
$mdThemingProvider.theme('default')
.primaryColor('neonRed')
.primaryPalette('neonRed')

});
</hljs>

0 comments on commit d6bdf0f

Please sign in to comment.