Make addon list with odd color rows
If you have a 4k screen with a decent size and Firefox maximized, the buttons for the addons are on the right side while the name is on the left side. The problem is that you cannot particular say which button on the right belongs to which addon name on the left as your eyes need to travel from left side to right side and with equal color and lines you going to get confused.
It's hard to describe if you don't actual have a large screen and firefox maximized yourself and a screenshot opened on a small monitor wouldn't show the problem either.
My suggestion/request is that the addons in the addon list have a different odd/even color. A different odd/even color was exactly made for this purpose and it's used in lots of other software.
I've made this suggestion through the official "tell us what you think" page but I doubt this is actively monitored anymore. And I haven't placed a bug report as this is not a bug, more a suggestion.
All Replies (3)
Hi
Thank you for your question. As an add-on user myself (on a smaller screen), I think I know what you mean.
The official "tell us what you think" page is monitored (I have met some of the team that does that work), but I recommend filing this as a bug as whilst Firefox is working it is a "failing" in your expectation that we should look into. What you see as Firefox is a combination of many such issues over several years as we work to provide software that people love.
If you file a bug at https://bugzilla.mozilla.org/ you will see the tracking and be able to follow and provide additional input into this work. If you want to come back to me directly once you have reported it, I would be happy to add myself to it and follow it through.
Changing Firefox takes time... so what to do for now?
Many aspects of Firefox's user interface and internal pages can be modified by applying custom style rules. Such rules can be applied by creating a userChrome.css or userContent.css file in the required location, or by using an extension such as Stylish for Firefox (current version; an update is coming in a week or two that might make it incompatible with Firefox 52).
Is that something you might consider trying?
Here's an example. I tested in Firefox 56, so the screenshot has LEGACY notations that probably do not appear in Firefox 52. Otherwise, I imagine it's very similar:
@-moz-document url("about:addons") {
#addon-list richlistitem[active="true"]:nth-child(even) {
background-color: #e0f0ff !important;
}
#addon-list richlistitem[active="false"]:nth-child(even) {
background-color: #f4f4f4 !important;
}
}
The background-color for the "even" numbered add-ons is specified using hex notation, with a brighter value for enabled add-ons, and a dimmer color for disabled ones. If you need to accommodate a different theme, or prefer more contrast, you can try different color codes.
Note: I tested using Stylish for Windows, starting from a blank rule, so I haven't tested whether this rule would go into a userChrome.css file or a userContent.css file, but I suspect it would be userContent.css.
Such code need to be in userContent.css since this is considered a web page opened in a tab.
