<p>J'ai créé le thème personnalisé suivant pour mon projet Angular : </p> <pre class="brush:php;toolbar:false;">@utiliser '@angular/material' comme tapis ; /* Vous pouvez ajouter des styles globaux dans ce fichier ou importer d'autres fichiers de styles */ @include mat.core(); $f-marque : ( 50 : #e0f2f1, 100 : #b3e0db, 200 : #80cbc4, 300 : #4db6ac, 400 : #26a69a, 500 : #009688, 600 : #008e80, 700 : #008375, 800 : #00796b, 900 : #006858, A100 : #97ffec, A200 : #64ffe3, A400 : #31ffda, A700 : #18ffd5, contraste: ( 50 : #000000, 100 : #000000, 200 : #000000, 300 : #000000, 400 : #ffffff, 500 : #ffffff, 600 : #ffffff, 700 : #ffffff, 800 : #ffffff, 900 : #ffffff, A100 : #000000, A200 : #000000, A400 : #000000, A700 : #000000, ) ); $primaire : mat.define-palette($f-marque); $thème : mat.define-light-theme($primary); @include mat.all-component-themes($theme);</pre> <p>J'ai également ajouté le thème personnalisé à mon fichier styles.css général, mais lorsque j'exécute "ng serve", j'obtiens l'erreur suivante : </p> <pre class="brush:php;toolbar:false;">SassError : $map : null n'est pas une carte. ╷ 9 │ $avant-plan-base : map.get($avant-plan, base); │ ^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules@angularmaterialcoreripple_ripple-theme.scss 9:21 couleur() node_modules@angularmaterialcoreripple_ripple-theme.scss 30:7 @content node_modules@angularmaterialcoretheming_theming.scss 376:3 private-check-duplicate-theme-styles() node_modules@angularmaterialcoreripple_ripple-theme.scss 27:3 thème() node_modules@angularmaterialcore_core-theme.scss 48:5 @content node_modules@angularmaterialcoretheming_theming.scss 376:3 private-check-duplicate-theme-styles() node_modules@angularmaterialcore_core-theme.scss 47:3 thème() node_modules@angularmaterialcoretheming_all-theme.scss 43:5 @content node_modules@angularmaterialcoretheming_theming.scss 376:3 private-check-duplicate-theme-styles() node_modules@angularmaterialcoretheming_all-theme.scss 42:3 all-component-themes() srcstyles-f-theme.scss 44:1 feuille de style racine</pre> <p> En effectuant une recherche en ligne, j'ai découvert que "map.get" semble maintenant être "map-get". Malheureusement, je ne sais pas comment résoudre ce problème. </p> <p>La version Angular utilisée dans mon projet est "14.0.5" et la version Angular Material est "14.0.4". </p>

$theme: mat.define-light-theme($primary, $primary);