# Gestion des couleurs avec ngmaterial ![category](développement) ![tag](design) ![tag](angularjs) Classique --------- Avec ngmaterial il est possible de gérer les couleurs au niveau d'un thème ```javascript // add theme module.config(function($mdThemingProvider) { $mdThemingProvider.theme('default') .primaryPalette('green') .accentPalette('orange') .warnPalette('purple'); }); ``` Ce thème peut être modifié et crée de toutes pièces. Par la suite ce thème est utilisé sur des objects standards: bouton, toolbar, ... Ainsi un clic sur le bouton permet de voir toutes la gestion des nuances de couleur. Utilisation avancée ------------------- ```warning cette fonctionnalité n'existe que depuis la version 1.1.0 ``` Il est aussi possible d'indiquer l'utilisation d'une couleur du thème sur un object qui normalement n'est pas géré avec ```html
primary
accent
warn
primary-600
purple-primary-600
``` Changement dynamique -------------------- Il est possible de changer le theme global de façon dynamique. Le principe est le suivant: - on définit les thèmes possibles - on active la possibilité de switcher - on gère le theme par une variable **$scope.theme** - changement de la variable lors d'un clic ```html ... ```