From 7737ccdc092fcfbb02b20d183b94b20d446fac23 Mon Sep 17 00:00:00 2001 From: "mathias.chouet" <mathias.chouet@irstea.fr> Date: Tue, 29 Jan 2019 11:11:59 +0100 Subject: [PATCH] =?UTF-8?q?Th=C3=A8me=20material=20"Irstea"=20(marine,=20o?= =?UTF-8?q?c=C3=A9an,=20prune)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/theme.scss | 106 +++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 103 insertions(+), 3 deletions(-) diff --git a/src/theme.scss b/src/theme.scss index bbc050580..960257c77 100644 --- a/src/theme.scss +++ b/src/theme.scss @@ -1,10 +1,110 @@ @import '~@angular/material/theming'; @include mat-core(); -$nghyd-primary: mat-palette($mat-indigo); -$nghyd-accent: mat-palette($mat-blue); +// palettes générées sur http://mcg.mbitson.com +$mat-irstea-marine: ( + 50 : #e0e7f0, + 100 : #b3c4d9, + 200 : #809dc0, + 300 : #4d75a6, + 400 : #265893, + 500 : #003a80, + 600 : #003478, + 700 : #002c6d, + 800 : #002563, + 900 : #001850, + A100 : #839cff, + A200 : #5073ff, + A400 : #1d4bff, + A700 : #0336ff, + contrast: ( + 50 : #000000, + 100 : #000000, + 200 : #000000, + 300 : #ffffff, + 400 : #ffffff, + 500 : #ffffff, + 600 : #ffffff, + 700 : #ffffff, + 800 : #ffffff, + 900 : #ffffff, + A100 : #000000, + A200 : #ffffff, + A400 : #ffffff, + A700 : #ffffff, + ) +); + +$mat-irstea-ocean: ( + 50 : #e0f3fb, + 100 : #b3e2f6, + 200 : #80cff0, + 300 : #4dbbe9, + 400 : #26ade5, + 500 : #009ee0, + 600 : #0096dc, + 700 : #008cd8, + 800 : #0082d3, + 900 : #0070cb, + A100 : #f3f9ff, + A200 : #c0dfff, + A400 : #8dc5ff, + A700 : #74b9ff, + contrast: ( + 50 : #000000, + 100 : #000000, + 200 : #000000, + 300 : #000000, + 400 : #000000, + 500 : #ffffff, + 600 : #ffffff, + 700 : #ffffff, + 800 : #ffffff, + 900 : #ffffff, + A100 : #000000, + A200 : #000000, + A400 : #000000, + A700 : #000000, + ) +); + +$mat-irstea-prune: ( + 50 : #f5e3f0, + 100 : #e7b8d9, + 200 : #d789c0, + 300 : #c759a6, + 400 : #bb3693, + 500 : #af1280, + 600 : #a81078, + 700 : #9f0d6d, + 800 : #960a63, + 900 : #860550, + A100 : #ffb3db, + A200 : #ff80c3, + A400 : #ff4dab, + A700 : #ff349f, + contrast: ( + 50 : #000000, + 100 : #000000, + 200 : #000000, + 300 : #000000, + 400 : #ffffff, + 500 : #ffffff, + 600 : #ffffff, + 700 : #ffffff, + 800 : #ffffff, + 900 : #ffffff, + A100 : #000000, + A200 : #000000, + A400 : #000000, + A700 : #ffffff, + ) +); + +$nghyd-primary: mat-palette($mat-irstea-marine); +$nghyd-accent: mat-palette($mat-irstea-ocean); // $nghyd-accent: mat-palette($mat-teal, 500, 900, A100); -$nghyd-warn: mat-palette($mat-purple); +$nghyd-warn: mat-palette($mat-irstea-prune); $nghyd-theme: mat-light-theme($nghyd-primary, $nghyd-accent, $nghyd-warn); -- GitLab