Changer la couleur des puces de balise

Soutien
1

I’ve searched through every CSS element I could find through the console and I tried my best to change colors and wraps but I cannot find a way to change the color of the tag bullet & icon. Whenever the scroll-down header animation initiates, the tag color goes from visible to hardly visible. Is this even possible to do via CSS?

image
image.png1920×948 122 KB

2

You need to look at before and after pseudo selectors too

35%20PM
Screen Shot 2018-08-08 at 10.42.35 PM.png844×72 10.7 KB

So in this case you need to add

.discourse-tag.bullet:before {
   color: $header_primary;
}
3

Oh wow, the more you learn! :sparkles:

Now that fix definitely makes the tags visible on the scroll-down header, but then what happens is the tags before the scroll-down (so normal, start of the topic) get practically invisible. I tried playing with .discourse-tag.bullet:after but no luck.

image
image.png1872×561 29.8 KB

4

Right, so you want to be more specific

.d-header {
  .discourse-tag.bullet:before {
     color: $header_primary; 
  }
}
5

Wow CSS never fails to impress me with the amount of possibilities. I really appreciate your support @awesomerobot, you continue to motivate me to fully learn CSS :smile: