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