Hi! I’ve implemented the progress bar for the articles (that’s very cool), but I’ve a problem with the color. Technically, by default gets the default accent color, but always use a blue color. I tried to force and put a specific color (#xxxxxx), but not works.
I use the code snippet from the tutorial:
.reading-progress::-webkit-progress-value {
background: var(--ghost-accent-color); /* Progress bar color */
}
and I use the default Casper theme. Where I put this extra CSS property? In code injection or into a css file from the theme (global.css or screen.css)?
Yes, the progress bar works fine, but what doesn’t work is change the color.
My accent color for the blog is green, but the progress bar color is blue
That’s the point. I’m trying to change this color, but seems that the configuration for this doesn’t work. And I don’t know if it is a problem from my site, from the Ghost core (with any update) or there is something missing/wrong in the tutorial. Or just this color cannot be changed, because I’be tried to put the code color #006432 instead of var(--ghost-accent-color), but the color keeps blue.