Skip to content

Instantly share code, notes, and snippets.

@ertrzyiks

ertrzyiks/index.jade

Last active November 10, 2018 21:41
Show Gist options
  • Save ertrzyiks/574720453ee995adaaad to your computer and use it in GitHub Desktop.
Save ertrzyiks/574720453ee995adaaad to your computer and use it in GitHub Desktop.
Download ZIP
Preview of angular material themes
Raw
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
Raw
script.js
angular.module('MyApp', ['ngMaterial']);
angular.element(document).ready(function () {
angular.bootstrap(document, ['MyApp']);
});
Raw
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';
Raw
zxOayx.markdown

Preview of angular material themes

A Pen on CodePen.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment