Commit e4a77911 authored by Melvin Luong's avatar Melvin Luong
Browse files

Updated palette colors and font type.

parent fbd2b656
@import "~@angular/material/theming"; @import "~@angular/material/theming";
@import "~@angular/material/prebuilt-themes/deeppurple-amber.css"; @import "~@angular/material/prebuilt-themes/deeppurple-amber.css";
@import 'health-warn.scss'; @import 'health-warn.scss';
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Material+Icons'); @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,700|Material+Icons');
// Plus imports for other components in your app. // Plus imports for other components in your app.
// Include the common styles for Angular Material. We include this here so that you only // Include the common styles for Angular Material. We include this here so that you only
...@@ -9,22 +9,23 @@ ...@@ -9,22 +9,23 @@
// **Be sure that you only ever include this mixin once!** // **Be sure that you only ever include this mixin once!**
@include mat-core(); @include mat-core();
/* For use in src/lib/core/theming/_palette.scss */ // Colour palette generated using #1a50a5 as primary:
// http://mcg.mbitson.com/#!?strudel=%231a50a5
$md-monashpalette: ( $md-monashpalette: (
50 : #e0edf5, 50 : #e4eaf4,
100 : #b3d3e7, 100 : #bacbe4,
200 : #80b6d7, 200 : #8da8d2,
300 : #4d99c6, 300 : #5f85c0,
400 : #2683ba, 400 : #3c6ab3,
500 : #006dae, 500 : #1a50a5,
600 : #0065a7, 600 : #17499d,
700 : #005a9d, 700 : #134093,
800 : #005094, 800 : #0f378a,
900 : #003e84, 900 : #082779,
A100 : #b1cfff, A100 : #a8bbff,
A200 : #7eb0ff, A200 : #7594ff,
A400 : #4b91ff, A400 : #426cff,
A700 : #3181ff, A700 : #2958ff,
contrast: ( contrast: (
50 : #000000, 50 : #000000,
100 : #000000, 100 : #000000,
...@@ -38,15 +39,11 @@ $md-monashpalette: ( ...@@ -38,15 +39,11 @@ $md-monashpalette: (
900 : #ffffff, 900 : #ffffff,
A100 : #000000, A100 : #000000,
A200 : #000000, A200 : #000000,
A400 : #000000, A400 : #ffffff,
A700 : #ffffff, A700 : #ffffff,
) )
); );
// Define the default theme (same as the example above). // Define the default theme (same as the example above).
//$strudel-app-primary: mat-palette($mat-indigo); //$strudel-app-primary: mat-palette($mat-indigo);
$strudel-app-primary: mat-palette($md-monashpalette); $strudel-app-primary: mat-palette($md-monashpalette);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment