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/assets",
"src/favicon.ico" "src/favicon.ico"
], ],
"styles": [ "styles": [{
"./node_modules/@angular/material/prebuilt-themes/purple-green.css", "input": "src/custom-theme.scss"
},
"src/styles.css" "src/styles.css"
], ],
"scripts": [] "scripts": []
@@ -37,12 +38,10 @@
"extractLicenses": true, "extractLicenses": true,
"vendorChunk": false, "vendorChunk": false,
"buildOptimizer": true, "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" }]
}
]
} }
} }
}, },
@@ -131,4 +130,4 @@
"prefix": "app" "prefix": "app"
} }
} }
} }

View File

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

View File

@@ -6,8 +6,6 @@
max-width: 500px; max-width: 500px;
width: 100%; width: 100%;
background-color: black;
/* color: white; */
padding: 15px 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, html,
body { body {
height: 100%; height: 100%;