Skip to content

Instantly share code, notes, and snippets.

@ryzy
Last active June 30, 2018 16:31
Show Gist options
  • Save ryzy/ebe13223f456559653a4a38d5c05d0e5 to your computer and use it in GitHub Desktop.
Save ryzy/ebe13223f456559653a4a38d5c05d0e5 to your computer and use it in GitHub Desktop.
Angular Material theming
@import '~@angular/material/theming';
// Include so-called "core" styles containing:
// - typography
// - CDK overlay (for modals)
// - CDK a11y (accessibilty)
// - ripple effects (for buttons, checkboxes etc)
@include mat-core();
// Define your own color pallette.
// Available color palettes: https://material.io/design/color/
$app-primary: mat-palette($mat-indigo);
$app-accent: mat-palette($mat-pink, A200, A100, A400);
$app-warn: mat-palette($mat-red);
// Create the theme object (a Sass map containing all of the palettes).
$app-theme: mat-light-theme($app-primary, $app-accent, $app-warn);
// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
@include angular-material-theme($app-theme);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment