julien/adastra_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Material Upgrade

Browse Source
This commit is contained in:
Julien Gautier
2026-03-30 02:09:35 +02:00
parent bd8ed94b1d
commit c32191b37d
5 changed files with 1663 additions and 2217 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+1648 -2202
View File
File diff suppressed because it is too large Load Diff
package.json
+5 -5
View File
@@ -45,11 +45,11 @@
}, },
"devDependencies": { "devDependencies": {
"@angular-devkit/build-angular": "^18.2.21", "@angular-devkit/build-angular": "^18.2.21",
"@angular-eslint/builder": "^17.3.0", "@angular-eslint/builder": "18.4.3",
"@angular-eslint/eslint-plugin": "^17.3.0", "@angular-eslint/eslint-plugin": "18.4.3",
"@angular-eslint/eslint-plugin-template": "^17.3.0", "@angular-eslint/eslint-plugin-template": "18.4.3",
"@angular-eslint/schematics": "^17.3.0", "@angular-eslint/schematics": "18.4.3",
"@angular-eslint/template-parser": "^17.3.0", "@angular-eslint/template-parser": "18.4.3",
"@angular/cli": "^18.2.21", "@angular/cli": "^18.2.21",
"@angular/compiler-cli": "^18.2.14", "@angular/compiler-cli": "^18.2.14",
"@types/jasmine": "~5.1.0", "@types/jasmine": "~5.1.0",
src/styles/_spinner.scss
+1 -1
View File
@@ -19,7 +19,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
background-color: mat.get-color-from-palette($md-custom-warn, 700);; background-color: mat.m2-get-color-from-palette($md-custom-warn, 700);;
opacity: 0.6; opacity: 0.6;
position: absolute; position: absolute;
top: 0; top: 0;
src/styles/styles.scss
+6 -6
View File
@@ -48,14 +48,14 @@ File: scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker // (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue. Available color palettes: https://material.io/design/color/ // hue. Available color palettes: https://material.io/design/color/
//$adastra_app-primary: mat.define-palette(mat.$light-green-palette); //$adastra_app-primary: mat.m2-define-palette(mat.$light-green-palette);
//$adastra_app-accent: mat.define-palette(mat.$blue-grey-palette, A200, A100, A400); //$adastra_app-accent: mat.m2-define-palette(mat.$blue-grey-palette, A200, A100, A400);
//$adastra_app-warn: mat.define-palette(mat.$blue-palette); //$adastra_app-warn: mat.m2-define-palette(mat.$blue-palette);
$adastra_app-primary: mat.m2-define-palette($md-custom-primary, 500); $adastra_app-primary: mat.m2-define-palette($md-custom-primary, 500);
$adastra_app-secondary: mat.m2-define-palette($md-custom-warn); $adastra_app-secondary: mat.m2-define-palette($md-custom-warn);
$adastra_app-accent: mat.m2-define-palette($md-custom-accent, A200, A100, A400); $adastra_app-accent: mat.m2-define-palette($md-custom-accent, A200, A100, A400);
//$adastra_app-warn: mat.define-palette($md-custom-warn); //$adastra_app-warn: mat.m2-define-palette($md-custom-warn);
$adastra_app-warn: mat.m2-define-palette($md-custom-raspberry, 400); $adastra_app-warn: mat.m2-define-palette($md-custom-raspberry, 400);
$adastra_app-danger: mat.m2-define-palette($md-custom-red, 700); $adastra_app-danger: mat.m2-define-palette($md-custom-red, 700);
$adastra_app-success: mat.m2-define-palette($md-custom-green); $adastra_app-success: mat.m2-define-palette($md-custom-green);
@@ -101,7 +101,7 @@ $custom-typography: mat.m2-define-typography-config(
// Create the theme object. A theme consists of configurations for individual // Create the theme object. A theme consists of configurations for individual
// theming systems such as "color" or "typography". // theming systems such as "color" or "typography".
//$adastra_app-theme: mat.define-dark-theme(( //$adastra_app-theme: mat.m2-define-dark-theme((
$adastra_app-theme: mat.m2-define-light-theme(( $adastra_app-theme: mat.m2-define-light-theme((
color: ( color: (
primary: $adastra_app-primary, primary: $adastra_app-primary,
@@ -138,7 +138,7 @@ $adastra_app-variants: (
muted: $adastra_app-muted muted: $adastra_app-muted
); );
/* /*
$config: mat.get-color-config($adastra_app-theme); $config: mat.m2-get-color-config($adastra_app-theme);
$foreground: map.get($config, foreground); $foreground: map.get($config, foreground);
$background: map.get($config, background); $background: map.get($config, background);
*/ */
src/styles/variable.scss
+2 -2
View File
@@ -26,11 +26,11 @@ $sidenav-height: 35px;
$primary: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 700); // #1c398e; $primary: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 700); // #1c398e;
$accent: mat.m2-get-color-from-palette(palettes.$md-custom-accent, 700); // #d9caae; $accent: mat.m2-get-color-from-palette(palettes.$md-custom-accent, 700); // #d9caae;
$warn: mat.m2-get-color-from-palette(palettes.$md-custom-raspberry, 400); // #c0356f; $warn: mat.m2-get-color-from-palette(palettes.$md-custom-raspberry, 400); // #c0356f;
//$warn: mat.get-color-from-palette(palettes.$md-custom-warn, 600); // #9788c7; //$warn: mat.m2-get-color-from-palette(palettes.$md-custom-warn, 600); // #9788c7;
$secondary: mat.m2-get-color-from-palette(palettes.$md-custom-warn, 600); // #9788c7; $secondary: mat.m2-get-color-from-palette(palettes.$md-custom-warn, 600); // #9788c7;
$headingtext: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 500); // #2c4aa3; $headingtext: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 500); // #2c4aa3;
$bodytext: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 100); // #c0c7e3; $bodytext: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 100); // #c0c7e3;
//$sidebar: mat.get-color-from-palette(palettes.$md-custom-primary, 700); // #1c398e; //$sidebar: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 700); // #1c398e;
$sidebar: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 900); // #4f64af; $sidebar: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 900); // #4f64af;
$sidebar-light: #d9d9d9; $sidebar-light: #d9d9d9;
$sidebar-selected: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 500); // #2c4aa3; $sidebar-selected: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 500); // #2c4aa3;