// Custom Theming for Angular Material

// For more information: https://material.angular.io/guide/theming

//@import '~@angular/material/theming';

// Plus imports for other components in your app.

// Include the common styles for Angular Material. We include this here so that you only

// have to load a single css file for Angular Material in your app.

// Be sure that you only ever include this mixin once!

//@include mat-core();

@import "./theme";

/* @import "./custom-component-themes.scss";

@include angular-material-theme($theming-material-components-theme); // 👈 changed

@include custom-components-theme($theming-material-components-theme); // 👈 changed

.dark-theme {

@include angular-material-color($dark-theme);

}

@include angular-material-typography($typography); */

// Define the palettes for your theme using the Material Design palettes available in palette.scss

// (imported above). For each palette, you can optionally specify a default, lighter, and darker

// hue. Available color palettes: https://material.io/design/color/

//$customTheme-primary: mat-palette($mat-indigo);

//$customTheme-accent: mat-palette($mat-pink, A200, A100, A400);

// The warn palette is optional (defaults to red).

//$customTheme-warn: mat-palette($mat-red);

// Create the theme object. A theme consists of configurations for individual

// theming systems such as "color" or "typography".

/* $customTheme-theme: mat-light-theme((

color: (

primary: $customTheme-primary,

accent: $customTheme-accent,

warn: $customTheme-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($customTheme-theme);

/* You can add global styles to this file, and also import other style files */

html, body { height: 100%; width: 100%; }

body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }