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.
@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;
@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.
@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 ?
@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;
}
@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.
@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;
@phenomlab nope, that doesn’t change it
@dunlix Odd. I can't replicate this issue.
@phenomlab hmm. I’ll have to look again at the css
