Overwriting Specific Firefox CSS Variables as Advance Settings

[Josch-]

Hi,

thanks a lot for this useful Add-On.

I have one problem - the URL field gets the same color, that I set for a specific URL. That color or - with the slider "URL field color" an even darker color. I would prefer a simple white (Tab and Toolbar color is enough, a colored URL field is too much) and tried it with an additional chrome/userChrome.css:

#urlbar-background {
    background: white !important;
}

But that doesn't overwrite the colors set by your Add-On.

How can I achieve this?

Any help will be highly appreciated.

Thanks a lot in advance!

[easonwong-de]

Hello! @Josch-, your CSS code seems to work pretty well. The URL background gets overwritten by the CSS on my end. (I changed the colour to blue for aesthetics)

[KEDO-GmbH]

Hi,

after re-create the userCrome.css it now works for mee, too :-)

Could you integrate an option to set the URL field color in your Add-ON? That would be perfect.

Thanks a lot and best wishes,

Josch

[easonwong-de]

Hello,

I might not add functions to set specific colour directly. Instead, I’m thinking about letting users set specific CSS variables explicitly as advanced settings, e.g. –lwt-accent-color for the tab bar. But that might not come very soon. So, I would recommand you keeping using CSS theme for the present.

[Josch-]

Hi,

that is a good idea. I'll be surprised when you get to it :-) Thanks a lot for this helpful Add-On!

Best wishes,

Josch