From ed19bb9a3269a9edb247c10d1be1ea20a959f1cb Mon Sep 17 00:00:00 2001
From: Rigel Kent <sendmemail@rigelk.eu>
Date: Fri, 7 Sep 2018 22:46:11 +0200
Subject: [PATCH] use css class for loading bar color

---
 client/src/app/app.component.html | 2 +-
 client/src/sass/loading-bar.scss  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index 0564e1a7b..20e573de1 100644
--- a/client/src/app/app.component.html
+++ b/client/src/app/app.component.html
@@ -36,6 +36,6 @@
   </div>
 </div>
 
-<ngx-loading-bar [includeSpinner]="false" color="#F1680D"></ngx-loading-bar>
+<ngx-loading-bar [includeSpinner]="false"></ngx-loading-bar>
 <my-confirm></my-confirm>
 <simple-notifications [options]="notificationOptions"></simple-notifications>
diff --git a/client/src/sass/loading-bar.scss b/client/src/sass/loading-bar.scss
index d34bf83ee..7d687d479 100644
--- a/client/src/sass/loading-bar.scss
+++ b/client/src/sass/loading-bar.scss
@@ -9,7 +9,7 @@
   -moz-transition: 350ms linear all;
   -o-transition: 350ms linear all;
   transition: 350ms linear all;
-  color: #29d;
+  color: var(--mainColor);
 }
 
 #loading-bar .bar {
@@ -18,7 +18,7 @@
   -o-transition: width 350ms;
   transition: width 350ms;
 
-  background: #29d;
+  background: var(--mainColor);
   position: fixed;
   z-index: 10002;
   top: 0;