MT-work-fronted/src/assets/scss/variables.scss

// @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;

//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 "./spineer.scss";

@mixin component-theme() {
  @include landing-page-theme();
  @include header-theme();
  @include auth-sign-in-theme();
}

@include component-theme();