Ajout d'un style custom

Front/skydivelogs-app/angular.json

@@ -20,8 +20,9 @@
               "src/assets",
               "src/favicon.ico"
             ],
-            "styles": [
+            "styles": [{
-              "./node_modules/@angular/material/prebuilt-themes/purple-green.css",
+                "input": "src/custom-theme.scss"
+              },
               "src/styles.css"
             ],
             "scripts": []
@@ -37,12 +38,10 @@
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
-              "fileReplacements": [
+              "fileReplacements": [{
-                {
+                "replace": "src/environments/environment.ts",
-                  "replace": "src/environments/environment.ts",
+                "with": "src/environments/environment.prod.ts"
-                  "with": "src/environments/environment.prod.ts"
+              }]
-                }
-              ]
             }
           }
         },

Front/skydivelogs-app/src/app/new-jump/new-jump.component.css

@@ -6,8 +6,6 @@
   max-width: 500px;
   width: 100%;
 
-  background-color: black;
-  /* color: white; */
   padding: 15px
 }
 

Front/skydivelogs-app/src/custom-theme.scss

@@ -0,0 +1,10 @@
+@import '~@angular/material/theming';
+
+@include mat-core();
+
+$custom-theme-primary: mat-palette($mat-grey, 900);
+$custom-theme-accent:mat-palette($mat-pink, A200, A100, A400);
+$custom-theme-warn: mat-palette($mat-red);
+$custom-theme: mat-light-theme($custom-theme-primary, $custom-theme-accent, $custom-theme-warn);
+
+@include angular-material-theme($custom-theme);

Front/skydivelogs-app/src/styles.css

@@ -1,5 +1,3 @@
-/* You can add global styles to this file, and also import other style files */
-
 html,
 body {
   height: 100%;