-
uc.css.js
A dark indigo CSS theme for Firefox and a large collection of privileged scripts to add new buttons, menus, and behaviors and eliminate nuisances. The theme is similar to other userChrome stylesheets, but it's intended for use with an autoconfig loader like fx-autoconfig, since it uses JavaScript to implement its more functional features.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
oh fuck, I'm sorry. I thought your screenshot was showing a menulist, but it's not a menulist, it's a tree. here, this is how you style trees. like this. you'll need to replace some of these custom variables with your own values since I don't have time to change them all right now. the var(...) stuff, just use whatever static values you want. the basic idea here is those ::-moz-tree-* pseudo-elements refer to parts of the tree. they aren't real elements so you have to select them this way. and since they aren't real elements, state selectors like :hover or :active do not work. so that's what goes in the parens. like ::-moz-tree-row(hover) does what you'd think.
Well, here it is
anyway none of this can go in userChrome.css. you have to install this script loader and then make a new file in your chrome folder called userChrome.ag.css and put your scrollbar code in it, like the ones I linked above. and save it. there's a file in the JS folder that will load that stylesheet automatically as an agent sheet, so it can override the built-in scrollbar appearance. you can use that sheet to style tooltips too, like tooltip[default][page] {...}