Changing tag bullet color

[nexo]

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?

[awesomerobot (Kris)]

You need to look at before and after pseudo selectors too

So in this case you need to add

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

[nexo]

Oh wow, the more you learn!

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.

[awesomerobot (Kris)]

Right, so you want to be more specific

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

[nexo]

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