Update material to version 12

This commit is contained in:
Konstantinos Triantafyllou 2023-08-24 17:20:49 +03:00
parent d9d48b7ea8
commit 3b3ddae632
2 changed files with 10 additions and 9 deletions

View File

@ -17,13 +17,13 @@
"private": true,
"dependencies": {
"@angular/animations": "~12.2.17",
"@angular/cdk": "^11.2.13",
"@angular/cdk": "^12.2.13",
"@angular/common": "~12.2.17",
"@angular/compiler": "~12.2.17",
"@angular/core": "~12.2.17",
"@angular/forms": "~12.2.17",
"@angular/localize": "^12.2.17",
"@angular/material": "^11.2.13",
"@angular/material": "^12.2.13",
"@angular/platform-browser": "~12.2.17",
"@angular/platform-browser-dynamic": "~12.2.17",
"@angular/router": "~12.2.17",
@ -59,4 +59,4 @@
"ts-node": "~7.0.0",
"typescript": "~4.3.5"
}
}
}

View File

@ -1,12 +1,13 @@
@use '~@angular/material' as mat;
@import '../node_modules/@angular/material/theming';
@include mat-core();
$my-app-primary: mat-palette($mat-blue-grey);
$my-app-accent: mat-palette($mat-green);
$my-app-warn: mat-palette($mat-deep-orange);
@include mat.core();
$my-app-primary: mat.define-palette(mat.$blue-grey-palette);
$my-app-accent: mat.define-palette(mat.$green-palette);
$my-app-warn: mat.define-palette(mat.$deep-orange-palette);
$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);
$my-app-theme: mat.define-light-theme($my-app-primary, $my-app-accent, $my-app-warn);
@include angular-material-theme($my-app-theme);
@include mat.all-component-themes($my-app-theme);
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled), .mat-option.mat-active:not(.mat-option-disabled) {
background-color: #F8CBBB;