mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-01-10 04:25:08 +00:00
24 lines
973 B
SCSS
24 lines
973 B
SCSS
// Import Fuse core library
|
|
@import "@fuse/scss/core";
|
|
|
|
// -----------------------------------------------------------------------------------------------------
|
|
// @ Multiple material themes example
|
|
// -----------------------------------------------------------------------------------------------------
|
|
|
|
// Define the Material palettes
|
|
$yellow-theme-primary: mat-palette($mat-fusedark);
|
|
$yellow-theme-accent: mat-palette($mat-yellow, 600, 400, 700);
|
|
$yellow-theme-warn: mat-palette($mat-red);
|
|
|
|
// Create the Material theme object
|
|
$yellow-theme: mat-light-theme($yellow-theme-primary, $yellow-theme-accent, $yellow-theme-warn);
|
|
|
|
// Add ".yellow-theme" class to the body to activate this theme
|
|
.yellow-theme {
|
|
|
|
// Generate the Angular Material theme
|
|
@include angular-material-theme($yellow-theme);
|
|
|
|
// Generate the fuse color classes with the new colors...
|
|
@include generateFuseColorClasses($yellow-theme-primary, $yellow-theme-accent, $yellow-theme-warn);
|
|
} |