Hi everyone,

I’m currently using the awesome WaveFox theme. One of its features is a colored line that appears on top of the active tab to easily visualize which one is selected.

By default, this line is a cyan/light blue color, but I would really like to change it to white (#FFFFFF).

I’ve been tweaking my userChrome.css for a while, but I can’t seem to find the right selector or variable to modify it.

Here is what I know so far:

  1. The developer mentioned that: > “The color is taken from the theme context. The system theme - accent, light/dark - blue/cyan, and the AMO - fill color of the tab.”

  2. How to disable it: The developer provided this snippet to completely remove the line (sharing it here as a clue for the selector, though my goal is to change the color, not delete it):

.tabbrowser-tab[visuallyselected] .tab-background
{
    box-shadow: none !important;
}

Does any of you guys have some idea on how to change the line color?

Be it changing it only for this line, or be it changing globally the color from which the line takes the color from, I’m fine with both ways.