From dcd31a43b65f27f3602db476999382ce7eddcb54 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Wed, 19 Jun 2019 01:27:05 +0200
Subject: [PATCH] Use material dark theme colors
---
src/app/components/shared/footer/footer.component.scss | 4 ++--
src/app/components/shared/header/header.component.scss | 6 +++---
src/theme/dark-theme/darkTheme.const.ts | 10 +++++-----
3 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/app/components/shared/footer/footer.component.scss b/src/app/components/shared/footer/footer.component.scss
index fbb2409f2..0f52d01b5 100644
--- a/src/app/components/shared/footer/footer.component.scss
+++ b/src/app/components/shared/footer/footer.component.scss
@@ -3,7 +3,7 @@ footer {
}
#footer-toolbar {
- background-color: var(--primary-variant);
+ background-color: var(--surface);
height: auto;
&:first-child {
@@ -18,7 +18,7 @@ footer {
.mat-button {
min-height: 28px;
font-size: 12px;
- color: var(--on-primary);
+ color: var(--on-surface);
}
mat-icon {
diff --git a/src/app/components/shared/header/header.component.scss b/src/app/components/shared/header/header.component.scss
index 7fa26bcca..f6dd4d373 100644
--- a/src/app/components/shared/header/header.component.scss
+++ b/src/app/components/shared/header/header.component.scss
@@ -1,16 +1,16 @@
.app-title {
cursor: pointer;
margin: 0 auto;
- color: var(--on-primary);
+ color: var(--on-surface);
}
mat-toolbar {
- background-color: var(--primary);
+ background-color: var(--surface);
position: relative;
}
.header-icons {
- color: var(--on-primary);
+ color: var(--on-surface);
}
.purple {
diff --git a/src/theme/dark-theme/darkTheme.const.ts b/src/theme/dark-theme/darkTheme.const.ts
index f86db1480..d2718ddd3 100644
--- a/src/theme/dark-theme/darkTheme.const.ts
+++ b/src/theme/dark-theme/darkTheme.const.ts
@@ -1,13 +1,13 @@
export const dark = {
- '--primary' : '#4db6ac',
- '--primary-variant': '#80cbc4',
+ '--primary' : '#bb86fc',
+ '--primary-variant': '#3700b3',
- '--secondary': '#3949ab',
+ '--secondary': '#03dac6',
'--secondary-variant': '#6f74dd',
- '--background': '#424242',
- '--surface': '#212121',
+ '--background': '#121212',
+ '--surface': '#1e1e1e',
'--dialog': '#757575',
'--on-primary': '#000000',
--
GitLab