Skip to content

Commit 25663de

Browse files
committed
demo(app): added a material theme
1 parent a926848 commit 25663de

File tree

1 file changed

+24
-0
lines changed

1 file changed

+24
-0
lines changed
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
@import '../node_modules/@angular/material/theming';
2+
// Plus imports for other components in your app.
3+
4+
// Include the common styles for Angular Material. We include this here so that you only
5+
// have to load a single css file for Angular Material in your app.
6+
// Be sure that you only ever include this mixin once!
7+
@include mat-core();
8+
9+
// Define the palettes for your theme using the Material Design palettes available in palette.scss
10+
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
11+
// hue.
12+
$candy-app-primary: mat-palette($mat-green);
13+
$candy-app-accent: mat-palette($mat-deep-purple, A200, A100, A400);
14+
15+
// The warn palette is optional (defaults to red).
16+
$candy-app-warn: mat-palette($mat-red);
17+
18+
// Create the theme object (a Sass map containing all of the palettes).
19+
$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);
20+
21+
// Include theme styles for core and each component used in your app.
22+
// Alternatively, you can import and @include the theme mixins for each component
23+
// that you are using.
24+
@include angular-material-theme($candy-app-theme);

0 commit comments

Comments
 (0)