Ajout d'un style custom

This commit is contained in:
Sébastien André
2020-01-20 12:20:25 +01:00
parent 45aa3381c4
commit 734087a4e7
5 changed files with 19 additions and 14 deletions

View File

@@ -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"
}
}
}
}

View File

@@ -19,4 +19,4 @@ export class AppComponent implements OnInit {
toggleMenu() {
this.showMenu = !this.showMenu;
}
}
}

View File

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

View 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);

View File

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