FF 92.0 messed with bookmark colors AGAIN

[essmeier]

When Firefox 91 came out, I discovered the well-known spacing issue with bookmark menus. Found code to fix that.

I also noticed that the colors of the menu background and the highlighted bookmark had changed to a very-slightly-gray-on white.

I wanted something that looked more like things used to look, circa FF 73, and I found it with this code:

Code: Select all

menupopup {
    --panel-color: black !important;
    --panel-background: #d4d0c8 !important;
   }

menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] {
  background-color: #08246d !important;
  color: #ffffff !important;

That gave me a moderate gray background and the highlighted bookmark was dark blue, as it had been in earlier versions of the browser. Worked great.

That lasted all of one version; as of FF 92.0, I'm back to gray-on-white for my bookmarks.

Any idea what I need to change in the above code to get my preferred colors back?

[dickvl]

The code still works for me, so make sure that you still have enabled userChrome.css via the about:config page nd that toolkit.legacyUserProfileCustomizations.stylesheets is true.

Note that your code doesn't check the disabled state.

Code: Select all

menupopup {
  --panel-color: black !important;
  --panel-background: #d4d0c8 !important;
}

menu:not([disabled])[_moz-menuactive], menuitem:not([disabled])[_moz-menuactive] {
  background-color: #08246d !important;
  color: #ffffff !important;
}

[DSperber]

Agreed. All the same complaints first about how 89-90 looked vs. 88, then disappearance of Proton in 91, and now new changes with 92. Vertical spacing, floating rounded tabs, background colors on dropdowns and menus, background and text color on active items, these are the things I'd just gotten used to forever, so the changes were traumatic.

After posting my own requests for CSS help and getting some terrific response from real experts here, the following is now my own "production" userchrome.css and seems to deliver that same old look from way back in 88. Each release coming forward required further changes to keep my 88 look, and at first this could be accomplished in ABOUT:CONFIG to negate Proton. Later on with 91 and now 92 it requires the correct CSS elements, and specifically some tweaks for 92 that were not needed with 91.

So for now, I think things have stabilized. And I'm happy. You can try the following (some or all of it, as you like) because I think it addresses your request.

Code: Select all

/* Firefox userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* USE OLD STYLE YELLOW BOOKMARK FOLDERS IN BOOKMARK DROPDOWN MENU. */
/* ALSO FORCES USE OLD STYLE BOOKMARK FOLDERS WHEN VIEWING "Show All Bookmarks" */
/* Need the image file "folder-item.png" to be inside the chrome folder */
.bookmark-item[container], treechildren::-moz-tree-image(container) {
  list-style-image: url("folder-item.png") !important;
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}


/* v92.0 vertical menu item spacing */
menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
  padding-block: 0px !important;
  min-height: unset !important; /* v92.0 - for padding below 4px */
}

/* Bookmark and context menu spacing */
menupopup > menuitem, menupopup > menu {padding-block: 0px !important;
}

/* Options menu spacing */
:root {--arrowpanel-menuitem-padding: 0px 0px !important;
}


/* v92.0 Bookmarks Toolbar folder drop-downs background color light-gray*/
#PlacesToolbar {
    --arrowpanel-color: black !important;
    --arrowpanel-background: #eaeaea !important;
}

menupopup {
    --panel-color: black !important;
    --panel-background: #eaeaea !important;
}


/* Active menu item background pale-blue, text glowing-blue*/
menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] {
  background-color: #e8eefd !important;
  color: #3d3dff !important;
}


/* Disable floating rounded tabs, revert back to square tabs stuck to the Address Bar */
.tab-background{border-radius: 0px 0px !important; margin-bottom: 0px !important;
}

/* Inactive tabs: visible Separator line style */
.tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {
    border-right: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important;
}

[essmeier]

Dsperber, your code was a big help. I just adjusted the spacing slightly and added my preferred colors:

Code: Select all

/* v92.0 Bookmarks Toolbar folder drop-downs background color medium-gray*/
#PlacesToolbar {
    --arrowpanel-color: black !important;
    --arrowpanel-background: #d4d0c8 !important;
}

menupopup {
    --panel-color: black !important;
    --panel-background: #d4d0c8 !important;
}


/* Active menu item background dark-blue, text white*/
menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] {
  background-color: #08246d !important;
  color: #ffffff !important;
}

Looking forward to doing it all over again in Firefox 93.0.

Thanks for the help!