benjamin/wgenerator
1
0
Fork 0
Code Releases Activity

update material12

Browse Source
This commit is contained in:
smuddyx
2021-05-21 10:16:29 +02:00
parent a164af46f1
commit 6c921e35de
3 changed files with 32 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
package-lock.json generated
View File

@@ -531,11 +531,12 @@
}
},
"@angular/cdk": {
"version": "9.2.1",
"resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-9.2.1.tgz",
"integrity": "sha512-aSG1UNPszkSnpNuDCNd7ZgT29oQ8vqHPmoqjvJI0JkEv3i6uEs5tRuhWl3TK39wDNuwdlq0AY47XTa/0Ppb5RQ==",
"version": "12.0.1",
"resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-12.0.1.tgz",
"integrity": "sha512-fO77bM0LWZeHkg+o23ZYGaZbth5DbaGDHrHVq+ygPA+wjmSDs12w2vIXQ6KpruGdP+28tAdpvZDMfD56N7xTbg==",
"requires": {
"parse5": "^5.0.0"
"parse5": "^5.0.0",
"tslib": "^2.1.0"
},
"dependencies": {
"parse5": {
@@ -986,9 +987,12 @@
"dev": true
},
"@angular/material": {
"version": "9.2.1",
"resolved": "https://registry.npmjs.org/@angular/material/-/material-9.2.1.tgz",
"integrity": "sha512-nqn/0Eg04DxwnkRGSM1xnmGgtfHYOBcEPbFeTu8c1qAbjFEozd6tpw4y6dQrCCL/JLNIRQPsxsUsVnKeWDF/4Q=="
"version": "12.0.1",
"resolved": "https://registry.npmjs.org/@angular/material/-/material-12.0.1.tgz",
"integrity": "sha512-Sevy/ssBuidSbpixUH8SvBXpHn+rKYfDao2YTgQxBJugIun9mnV0QqlzVG2gkdVYCesqEgZJRe3k7QXq7E+vlw==",
"requires": {
"tslib": "^2.1.0"
}
},
"@angular/platform-browser": {
"version": "12.0.1",

4
package.json
View File

@@ -12,13 +12,13 @@
"private": true,
"dependencies": {
"@angular/animations": "~12.0.1",
"@angular/cdk": "^9.2.1",
"@angular/cdk": "^12.0.1",
"@angular/common": "~12.0.1",
"@angular/compiler": "~12.0.1",
"@angular/core": "~12.0.1",
"@angular/fire": "^5.4.2",
"@angular/forms": "~12.0.1",
"@angular/material": "^9.2.1",
"@angular/material": "^12.0.1",
"@angular/platform-browser": "~12.0.1",
"@angular/platform-browser-dynamic": "~12.0.1",
"@angular/router": "~12.0.1",

40
src/custom-theme.scss
View File

@@ -1,83 +1,81 @@
@use '~@angular/material' as mat;
// 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();
@include mat.core();
// 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/
$wgenerator-primary: mat-palette($mat-indigo);
$wgenerator-accent: mat-palette($mat-pink, A200, A100, A400);
$wgenerator-primary: mat.define-palette(mat.$indigo-palette);
$wgenerator-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
// The warn palette is optional (defaults to red).
$wgenerator-warn: mat-palette($mat-red);
$wgenerator-warn: mat.define-palette(mat.$red-palette);
// Create the theme object (a Sass map containing all of the palettes).
$wgenerator-theme: mat-light-theme($wgenerator-primary, $wgenerator-accent, $wgenerator-warn);
$wgenerator-theme: mat.define-light-theme($wgenerator-primary, $wgenerator-accent, $wgenerator-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($wgenerator-theme);
@include mat.all-component-themes($wgenerator-theme);
// 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();
@include mat.core();
// 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/
$wgenerator-primary: mat-palette($mat-indigo);
$wgenerator-accent: mat-palette($mat-pink, A200, A100, A400);
$wgenerator-primary: mat.define-palette(mat.$indigo-palette);
$wgenerator-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
// The warn palette is optional (defaults to red).
$wgenerator-warn: mat-palette($mat-red);
$wgenerator-warn: mat.define-palette(mat.$red-palette);
// Create the theme object (a Sass map containing all of the palettes).
$wgenerator-theme: mat-light-theme($wgenerator-primary, $wgenerator-accent, $wgenerator-warn);
$wgenerator-theme: mat.define-light-theme($wgenerator-primary, $wgenerator-accent, $wgenerator-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($wgenerator-theme);
@include mat.all-component-themes($wgenerator-theme);
// 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();
@include mat.core();
// 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/
$wgenerator-primary: mat-palette($mat-indigo);
$wgenerator-accent: mat-palette($mat-pink, A200, A100, A400);
$wgenerator-primary: mat.define-palette(mat.$indigo-palette);
$wgenerator-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
// The warn palette is optional (defaults to red).
$wgenerator-warn: mat-palette($mat-red);
$wgenerator-warn: mat.define-palette(mat.$red-palette);
// Create the theme object (a Sass map containing all of the palettes).
$wgenerator-theme: mat-light-theme($wgenerator-primary, $wgenerator-accent, $wgenerator-warn);
$wgenerator-theme: mat.define-light-theme($wgenerator-primary, $wgenerator-accent, $wgenerator-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($wgenerator-theme);
@include mat.all-component-themes($wgenerator-theme);