Preview of angular material themes

index.jade

each val in ['amber', 'blue-grey', 'blue','cyan', 'deep-orange', 'deep-purple', 'green', 'grey', 'indigo', 'light-blue-dark', 'light-green', 'lime', 'orange', 'pink', 'purple', 'red', 'teal', 'yellow']
 md-toolbar('md-theme'=val)
   h2.md-toolbar-tools
     span=val

script.js

angular.module('MyApp', ['ngMaterial']);

angular.element(document).ready(function () {
  angular.bootstrap(document, ['MyApp']);
});

style.css

@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/amber-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/blue-grey-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/blue-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/cyan-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/deep-orange-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/deep-purple-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/green-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/grey-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/indigo-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/light-blue-dark-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/light-green-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/lime-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/orange-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/pink-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/purple-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/red-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/teal-theme.css';
@import 'https://cdn.rawgit.com/angular/bower-material/master/themes/yellow-theme.css';

zxOayx.markdown

Preview of angular material themes

A Pen on CodePen.