blue glow on loading bar

[dunlix]

Hello. with the help of this community, I manage to use CSS to change the loading bar to orange.
(dark mode plugin is active)
But do you see that blueish glow coming off of it? how do I make that orange too?

PS I know I'm a stickler for the small details of my forum, I know, but any help is appreciated.

[phenomlab]

@dunlix that looks very much like a box-shadow class to me. Does that still exist in the CSS you've targeted ?

If it exists, you'll need to override that with box-shadow: none;

[dunlix]

@phenomlab, no I used custom CSS to add an orange-ish box-shadow, but at the end, I can still see the blue. I've looked in nodebb-theme-persona's css but I couldn't find anything.

[phenomlab]

@dunlix said in blue glow on loading bar:

@phenomlab, no I used custom CSS to add an orange-ish box-shadow, but at the end, I can still see the blue. I've looked in nodebb-theme-persona's css but I couldn't find anything.

Can you share the CSS you have ?

[phenomlab]

@dunlix Here's the CSS I am using, which doesn't seem to have the blue shadow

#nprogress .bar{
    background: #94afbd linear-gradient(90deg, #d8e2e8, #81a1c1) !important;
    height: 2px;
  }

[dunlix]

@phenomlab This is the CSS I'm using.

#nprogress .bar {
    background: #f29100;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    box-shadow: 10px 5px 20px 7px rgba(242,145,0,0.96);
    width: 110%;
    height: 2px
}

It seems I didn't delete what I didn't want to change when I made this, but that doesn't affect the color.
I know there is a giant orange shadow, but I'm currently tweaking that around. If you look closely when using this, the blue is still there.

[phenomlab]

@dunlix said in blue glow on loading bar:

box-shadow: 10px 5px 20px 7px rgba(242,145,0,0.96);

Try changing

 box-shadow: 10px 5px 20px 7px rgba(242,145,0,0.96);

to

 box-shadow: 10px 5px 20px 7px rgba(242,145,0,0.96) !important;

[dunlix]

@phenomlab nope, that doesn’t change it

[phenomlab]

@dunlix Odd. I can't replicate this issue.

[dunlix]

@phenomlab hmm. I’ll have to look again at the css