Customize loading bar color in Liferay DXP fixpack 36

[caneta]

I would like to customize background color of senna loading bar inside a Liferay DXP fixpack 36 portal.

Looking at it's css here, I guessed to get it setting inside my custom theme main.css file the following:

.senna-loading-bar {
  background: red;
}

But this does not work...I cannot even find the senna.css file loaded inside my pages, searching for it with developer tools...

How to get it work?

Thank you

[diegonvs]

Hey @caneta , probably you are overwriting incorrect class.

Did you try use Liferay.spa.app.setLoadingCssClass()?

[diegonvs]

Can you try to overwrite this css class in the theme?

[caneta]

Overwriting that class did the trick, thank you @diegonvs!
I've written the following inside my my-theme/src/css/)custom.scss:

.lfr-spa-loading-bar {
  background: red;
}