From 7530fb8c9a0f39d18505a1e2c864c5b5c59a5b67 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de> Date: Wed, 23 Jan 2019 20:00:20 +0100 Subject: [PATCH] Try some new colors --- src/app/components/shared/header/header.component.html | 2 +- src/app/components/shared/header/header.component.scss | 3 +++ src/theme/_variables.scss | 6 +++--- 3 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/app/components/shared/header/header.component.html b/src/app/components/shared/header/header.component.html index 8d896945e..1c52eda53 100644 --- a/src/app/components/shared/header/header.component.html +++ b/src/app/components/shared/header/header.component.html @@ -19,7 +19,7 @@ <mat-menu #appMenu="matMenu" [overlapTrigger]="false"> <button mat-menu-item (click)="logout()"> - <mat-icon color="warn">exit_to_app</mat-icon> + <mat-icon class="warn">exit_to_app</mat-icon> <span>{{ 'header.logout' | translate }}</span> </button> </mat-menu> diff --git a/src/app/components/shared/header/header.component.scss b/src/app/components/shared/header/header.component.scss index dcd486151..244c055c3 100644 --- a/src/app/components/shared/header/header.component.scss +++ b/src/app/components/shared/header/header.component.scss @@ -3,3 +3,6 @@ margin: 0 auto; } +.warn { + color: #f44336; +} diff --git a/src/theme/_variables.scss b/src/theme/_variables.scss index f319d7821..4d000a9b4 100644 --- a/src/theme/_variables.scss +++ b/src/theme/_variables.scss @@ -2,11 +2,11 @@ // Define the palettes for your theme using the Material Design palettes available in palette.scss // (imported above). For each palette, you can optionally specify a default, lighter, and darker // hue. Available color palettes: https://www.google.com/design/spec/style/color.html -$arsnova-primary: mat-palette($mat-indigo,500); -$arsnova-accent: mat-palette($mat-amber, 500); //$mat-blue-gray, A200, A100, A400); +$arsnova-primary: mat-palette($mat-teal,300); +$arsnova-accent: mat-palette($mat-amber, 300); //$mat-blue-gray, A200, A100, A400); // The warn palette is optional (defaults to red). -$arsnova-warn: mat-palette($mat-red); +$arsnova-warn: mat-palette($mat-blue, 200); // Create the theme object (a Sass map containing all of the palettes). $arsnova-theme: mat-light-theme($arsnova-primary, $arsnova-accent, $arsnova-warn); -- GitLab