Fix help component border

[github/Chocobozzz/PeerTube.git] / client / src / sass / loading-bar.scss

diff --git a/client/src/sass/loading-bar.scss b/client/src/sass/loading-bar.scss
index d34bf83ee69e8cd2f0ebf305ff050068cdda15b4..d584b7c67bf3301ef20840c2d1b4abd5d9378d31 100644 (file)
--- a/client/src/sass/loading-bar.scss
+++ b/client/src/sass/loading-bar.scss
@@ -1,3 +1,4 @@
+@import '_mixins';
 // Thanks: https://github.com/aitboudad/ngx-loading-bar/blob/master/loading-bar.css
 
 /* Make clicks pass-through */
@@ -9,7 +10,7 @@
   -moz-transition: 350ms linear all;
   -o-transition: 350ms linear all;
   transition: 350ms linear all;
-  color: #29d;
+  color: var(--mainColor);
 }
 
 #loading-bar .bar {
@@ -18,9 +19,9 @@
   -o-transition: width 350ms;
   transition: width 350ms;
 
-  background: #29d;
+  background: var(--mainColor);
   position: fixed;
-  z-index: 10002;
+  z-index: z(loadbar);
   top: 0;
   left: 0;
   width: 100%;
@@ -50,7 +51,7 @@
 #loading-bar-spinner {
   display: block;
   position: fixed;
-  z-index: 10002;
+  z-index: z(loadbar);
   top: 10px;
   left: 10px;
 }