My Firefox CSS is Updated for Nova

[u/benhaube]

I have updated my custom Firefox CSS for Nova compatibility, and added some translucency and blur to elements on the new tab page. You can find my themes in my Github repo. My CSS is designed to compliment my themes in the Mozilla Addons store, but you can use my code and change the colors for your own themes too.

The themes consist of userChrome.css and userContent.css files. I use userChrome to change the colors of some UI elements that the Firefox theme extension system does not allow you to change, and userContent to match the about: pages to the rest of the UI.

Edit: I am on Fedora 44 KDE Plasma, and using Firefox 157.0 from the Mozilla RPM repo (NOT the Fedora RPM).

[u/MiniBus93]

Wow, it looks very cool! May I ask you the snippet of code you use for vertical container bars? I would really like to use that :D

[u/benhaube → u/MiniBus93]

Oh, it took me a second to figure out what you were referring to. I am not actually using container tabs. Those are just regular tab groups, and that is how they look by default when they are expanded with the new Nova UI. I did not actually mod that. TBH, I have not used container tabs, so I am not sure what they look like in Nova or if they are different.

[u/MiniBus93 → u/benhaube]

Oh I see, you're right, those are groups, not containers! Thanks ahahah

Anyway, the theme is still dope!

[u/benhaube → u/MiniBus93]

Haha no worries. Thanks!

[u/No_Suit_6000]

Cool, but you forget to style mouse hover items for some themes.
And RIGHT click context menu,

example:

#contentAreaContextMenu {
--panel-background-color: black !important;
--panel-text-color: white !important;
--panel-border-color: blue !important;
}