red-ui/assets/styles/red-material-theme.scss
2020-09-22 11:32:27 +03:00

60 lines
1.2 KiB
SCSS

@import '~@angular/material/theming';
@import 'red-variables';
@include mat-core();
$grey-1-palette: (
default: $grey-1,
lighter: lighten($grey-1, 15%),
darker: darken($grey-1, 15%),
text: $grey-1,
contrast: (
default: $white,
lighter: $white,
darker: $white
)
);
$grey-2-palette: (
default: $grey-2,
lighter: lighten($grey-2, 15%),
darker: darken($grey-2, 15%),
text: $grey-2,
contrast: (
default: $grey-1,
lighter: $grey-1,
darker: $grey-1
)
);
$red-palette: (
default: $red-1,
lighter: lighten($red-1, 15%),
darker: darken($red-1, 15%),
text: $red-1,
contrast: (
default: $white,
lighter: $white,
darker: $white
)
);
$gn-next-primary: mat-palette($grey-1-palette, default, lighter, darker, text);
$gn-next-secondary: mat-palette($grey-2-palette, default, lighter, darker, text);
$gn-next-warning: mat-palette($red-palette, default, lighter, darker, text);
$gn-next-mat-theme: mat-light-theme((
color: (
primary: $gn-next-primary,
accent: $gn-next-secondary,
warn: $gn-next-warning,
)
));
@include angular-material-theme($gn-next-mat-theme);
.mat-flat-button {
min-width: unset !important;
}