Seriously hacking the new Addons Manager

Discuss application theming and theme development.

User avatar
Posts: 302
Joined: April 9th, 2010, 9:16 am

Post Posted March 23rd, 2011, 11:56 pm

Not sure if it helps someone but i use a modified version of this: ... ns-manager



User avatar
Posts: 23734
Joined: October 23rd, 2008, 11:43 am
Location: Asheville NC

Post Posted December 9th, 2013, 12:02 am

I know this is a necro-thread and most of the info in here is very out-of-date, but I figured I would share this "solution" here. One of the serious problems with the addons manager is that the code that ships with the default theme is filled with all kinds of weird styling junk. You can force Firefox/SeaMonkey to rip out this junk and use OS-native styles by using -moz-appearance. NOTE: you cannot "theme" the elements after you've applied an OS appearance. This is essentially then just a quick-and-dirty way of killing the default styling. You can use it in conjunction with the binding I posted here to get something that looks close to the Firefox 3.x addons manager without much work:

Code: Select all
/* move header to bottom */
#addons-page  {
-moz-box-direction: reverse !important;
padding: 10px !important; }
#addons-page #header { margin: 0px !important; }

/* puts categories on top of addons */
#addons-page #header ~ hbox { -moz-box-orient: vertical !important; }
/* load the binding that makes categories horizontal */
#addons-page #categories > scrollbox > .scrollbox-innerbox {
  -moz-binding: url("chrome://seafox/content/addons.xml#addons-richlistbox"); }
#addons-page #categories {
margin: 0px !important;
-moz-appearance: listbox!important; }

/* places category labels under icons */
#addons-page .category {
-moz-box-orient: vertical!important;
-moz-appearance: tab!important;
height: 6em !important; }
#addons-page .category[selected="true"] {
font-weight:bold!important; }
#addons-page .category label {
font-size: 100% !important;
display:-moz-box!important; }
#addons-page .category .category-badge,
#addons-page .category[disabled="true"] { display:none!important; }

#addons-page #view-port-container {
-moz-appearance: listbox!important;
margin: 10px 0px !important; }
#addons-page .addon .name-container {
font-size: small !important; }
Tip of the day: If it has "toolbar" in the name, it's crap.
What my avatar is about:

Return to Theme Development

Who is online

Users browsing this forum: No registered users and 1 guest