X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Floading-bar.scss;h=d584b7c67bf3301ef20840c2d1b4abd5d9378d31;hb=81fe3c67c5d70e69aa2d965a41afd7331cd4fb76;hp=d34bf83ee69e8cd2f0ebf305ff050068cdda15b4;hpb=c893d4514e6ecbf282c7985fe5f82b8acd8a1137;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/loading-bar.scss b/client/src/sass/loading-bar.scss
index d34bf83ee..d584b7c67 100644
--- 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;
 }