Ajout d'un style custom
This commit is contained in:
@@ -20,8 +20,9 @@
|
||||
"src/assets",
|
||||
"src/favicon.ico"
|
||||
],
|
||||
"styles": [
|
||||
"./node_modules/@angular/material/prebuilt-themes/purple-green.css",
|
||||
"styles": [{
|
||||
"input": "src/custom-theme.scss"
|
||||
},
|
||||
"src/styles.css"
|
||||
],
|
||||
"scripts": []
|
||||
@@ -37,12 +38,10 @@
|
||||
"extractLicenses": true,
|
||||
"vendorChunk": false,
|
||||
"buildOptimizer": true,
|
||||
"fileReplacements": [
|
||||
{
|
||||
"replace": "src/environments/environment.ts",
|
||||
"with": "src/environments/environment.prod.ts"
|
||||
}
|
||||
]
|
||||
"fileReplacements": [{
|
||||
"replace": "src/environments/environment.ts",
|
||||
"with": "src/environments/environment.prod.ts"
|
||||
}]
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -131,4 +130,4 @@
|
||||
"prefix": "app"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,4 +19,4 @@ export class AppComponent implements OnInit {
|
||||
toggleMenu() {
|
||||
this.showMenu = !this.showMenu;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -6,8 +6,6 @@
|
||||
max-width: 500px;
|
||||
width: 100%;
|
||||
|
||||
background-color: black;
|
||||
/* color: white; */
|
||||
padding: 15px
|
||||
}
|
||||
|
||||
|
||||
10
Front/skydivelogs-app/src/custom-theme.scss
Normal file
10
Front/skydivelogs-app/src/custom-theme.scss
Normal file
@@ -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);
|
||||
@@ -1,5 +1,3 @@
|
||||
/* You can add global styles to this file, and also import other style files */
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
|
||||
Reference in New Issue
Block a user