XF 2.1 How do you change the color of the JS loading progress bar at the top?

[slothly]

You know how you check your alerts or use anything that involves JS, the loading bar comes up at the top?

How do you go about changing the color for this? Is there a CSS class? I couldn't locate it with the web inspector and didn't find anything in my style properties.

 

[Jeremy P]

It would be the progress bar and global action indicator colors in the miscellaneous style properties.

 

[slothly]

It would be the progress bar and global action indicator colors in the miscellaneous style properties.

Ah thank you! That changed the colors

Just out of curiosity though, does this element have a class name in the CSS that can be stylized with? I would like to play around with it with further CSS.

 

[Jeremy P]

Yes, .globalAction or its children .globalAction-bar and .globalAction-block.