use css class for loading bar color

diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index 0564e1a7bd06ffc37bf9bb9cfd335a96ca6bd921..20e573de18317338027acf905befbf0edcc81abd 100644 (file)
--- 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 d34bf83ee69e8cd2f0ebf305ff050068cdda15b4..7d687d479c81bb942fc83aad2eef5c5cd035b401 100644 (file)
--- 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;