// @import "@angular/material/theming"; //notice that the file imported is also different // @include mat-core(); $main-color: #2e368f; $white-color: #ffffff; $off-white: #e4e4ef; $open-blue: #2f2c8333; $yellow-color: #faea26; $light-blue: #28abe3; $gray-color: #00000029; $open-light-blue: #c4daed; $green: #4bd37b; $main-blue: #1877f2; $dark-blue: #1275b1; $white-blue: #1da1f2; $dark-yellow: #e09b3d; $dark-red: #c74c4d; $move-color: #7024c4; $black-color: #252525; $warning-color: #e732321c; $card-color: #f4f4f9; $span-color: #707070; //PRIMARY THEME // $mat-primary: ( // main: $main-color, // lighter: $main-color, // darker: $main-color, // 200: #3d4fa1, // // For slide toggle, // contrast: // ( // main: $white-color, // lighter: $white-color, // darker: $white-color, // ), // ); // $theme-primary: mat-palette($mat-primary, main, lighter, darker); //ACCENT THEME // $mat-accent: ( // main: #cf484f, // lighter: #f4c7db, // darker: #cf484f, // 200: #cf484f, // // For slide toggle, // contrast: // ( // main: $white-color, // lighter: $white-color, // darker: $white-color, // ), // ); // $theme-accent: mat-palette($mat-accent, main, lighter, darker); // //WARN_THEME // $mat-warn: ( // main: #ff0000, // lighter: #ffb3b3, // darker: #ff0000, // 200: #ff0000, // // For slide toggle, // contrast: // ( // main: $white-color, // lighter: $white-color, // darker: $white-color, // ), // ); // $theme-warn: mat-palette($mat-warn, main, lighter, darker); // $custom-light-theme: mat-light-theme( // $theme-primary, // $theme-accent, // $theme-warn // ); // @include angular-material-theme($custom-light-theme); @import "../../app/landing-page/landing-page-theme.scss"; @import "../../app/landing-page/landing-header/landing-header.component.scss"; @import "../../app/authentication/auth-sign-in/auth-sign-in-theme.scss"; @import "../../app/authentication/auth-sign-up/auth-sign-up.component.scss"; @import "../../app/shared/components/warning/warning.component.scss"; @import "../../app/modules/components/side-nav/side-nav.component.scss"; @import "../../app//modules/components/header/header.component.scss"; @import "../../app/modules/dashboard//dashboard-theme.scss"; @import "../../app/modules/profile/profile-theme.scss"; @import "../../app/modules/teams/teams.component.scss"; @import "../../app/modules/task-management//task-managemnt-theme.scss"; @import "./spineer.scss"; @mixin component-theme() { @include landing-page-theme(); @include header-theme(); @include auth-sign-in-theme(); @include signUp-theme(); @include warning-theme(); @include sid-nav-theme(); @include main-header(); @include dashboard-theme(); @include profile-theme(); @include teams-theme(); @include task-management(); } @include component-theme();