Skip to content

Instantly share code, notes, and snippets.

@kyleledbetter
Created October 14, 2016 00:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kyleledbetter/5002da37d287f88acdb77aa0adcc5f71 to your computer and use it in GitHub Desktop.
Save kyleledbetter/5002da37d287f88acdb77aa0adcc5f71 to your computer and use it in GitHub Desktop.
Covalent Angular-Material Theme
@import '~@angular/material/core/theming/all-theme';
// Plus imports for other components in your app.
@include md-core();
// Define the palettes for your theme using the Material Design palettes available in palette.scss
$primary: md-palette($md-orange, 800);
$accent: md-palette($md-light-blue, 600, A100, A400);
// The warn palette is optional (defaults to red).
$warn: md-palette($md-red, 600);
// Create the theme object (a Sass map containing all of the palettes).
$theme: md-light-theme($primary, $accent, $warn);
// Include theme styles for core and each component used in your app.
@include angular-material-theme($theme);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment