Material Upgrade
This commit is contained in:
Generated
+1649
-2203
File diff suppressed because it is too large
Load Diff
+5
-5
@@ -45,11 +45,11 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@angular-devkit/build-angular": "^18.2.21",
|
||||
"@angular-eslint/builder": "^17.3.0",
|
||||
"@angular-eslint/eslint-plugin": "^17.3.0",
|
||||
"@angular-eslint/eslint-plugin-template": "^17.3.0",
|
||||
"@angular-eslint/schematics": "^17.3.0",
|
||||
"@angular-eslint/template-parser": "^17.3.0",
|
||||
"@angular-eslint/builder": "18.4.3",
|
||||
"@angular-eslint/eslint-plugin": "18.4.3",
|
||||
"@angular-eslint/eslint-plugin-template": "18.4.3",
|
||||
"@angular-eslint/schematics": "18.4.3",
|
||||
"@angular-eslint/template-parser": "18.4.3",
|
||||
"@angular/cli": "^18.2.21",
|
||||
"@angular/compiler-cli": "^18.2.14",
|
||||
"@types/jasmine": "~5.1.0",
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
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;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
||||
@@ -48,14 +48,14 @@ File: scss
|
||||
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
|
||||
// hue. Available color palettes: https://material.io/design/color/
|
||||
|
||||
//$adastra_app-primary: mat.define-palette(mat.$light-green-palette);
|
||||
//$adastra_app-accent: mat.define-palette(mat.$blue-grey-palette, A200, A100, A400);
|
||||
//$adastra_app-warn: mat.define-palette(mat.$blue-palette);
|
||||
//$adastra_app-primary: mat.m2-define-palette(mat.$light-green-palette);
|
||||
//$adastra_app-accent: mat.m2-define-palette(mat.$blue-grey-palette, A200, A100, A400);
|
||||
//$adastra_app-warn: mat.m2-define-palette(mat.$blue-palette);
|
||||
|
||||
$adastra_app-primary: mat.m2-define-palette($md-custom-primary, 500);
|
||||
$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-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-danger: mat.m2-define-palette($md-custom-red, 700);
|
||||
$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
|
||||
// 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((
|
||||
color: (
|
||||
primary: $adastra_app-primary,
|
||||
@@ -138,7 +138,7 @@ $adastra_app-variants: (
|
||||
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);
|
||||
$background: map.get($config, background);
|
||||
*/
|
||||
|
||||
@@ -26,11 +26,11 @@ $sidenav-height: 35px;
|
||||
$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;
|
||||
$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;
|
||||
$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;
|
||||
//$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-light: #d9d9d9;
|
||||
$sidebar-selected: mat.m2-get-color-from-palette(palettes.$md-custom-primary, 500); // #2c4aa3;
|
||||
|
||||
Reference in New Issue
Block a user