Firefox Fights Back - Firefox 57

DooGie said:

Thankyou for the link Paul :)

DooGie said:

You can always add a space through using the customise option on the toolbar right click. You have the option to add a flexible space.

A couple 'flexible' spaces are not enough. we need some fixed spaces and dividers.

Plankton said:

I'm giving the new FF a good use again....and must say I like it. The only thing I don't like is in the bookmarks bar. The generic, plain, black/white folders. I do love my manila color folders

Code:

/* Colored folders for bookmark sidebar, toolbar, menu button, classic menu
   Updated Nov. 24, 2017 */

  /* Standard folder */
#bookmarks-view treechildren::-moz-tree-image(container),
#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"] .menu-iconic-icon {
  fill: #e8bb00 !important; /* slightly muted gold */
}
  /* Live Bookmark (RSS Feed) */
#bookmarks-view treechildren::-moz-tree-image(container, livemark),
#PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][livemark="true"] .menu-iconic-icon {
  fill: orange !important;
}
  /* Smart bookmark folder */
#bookmarks-view treechildren::-moz-tree-image(container, query),
#PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][query="true"] .menu-iconic-icon {
  fill: #69c !important; /* similar to blue smart folder color */
}
  /* These "containers" are SVG in the sidebar, not yet on the menu */
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
  fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
  fill: olive !important;
}
/* Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus */
#BMB_bookmarksPopup #BMB_bookmarksToolbar .menu-iconic-icon, 
#bookmarksMenu #bookmarksToolbarFolderMenu .menu-iconic-icon {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
}
#BMB_bookmarksPopup #BMB_unsortedBookmarks .menu-iconic-icon, 
#bookmarksMenu #menu_unsortedBookmarks .menu-iconic-icon {
  list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
}

btw, is there anyway to backup your "Top Sites"?

rezpower said:

btw, is there anyway to backup your "Top Sites"?

enter about:config in web address and in that page, go down to browser.newtabpage.pinned. Double click that and copy and save it as text file. When ever you need to use, do the same as above and copy the same in that place.

Edwin said:

...
Colored folders for bookmark sidebar, toolbar, menu button, classic menu
Updated Nov. 24, 2017

I appended the code to my firefox userchrome.css and it works fine for bookmark folders...thanks.

kronckew said:

A couple 'flexible' spaces are not enough. we need some fixed spaces and dividers.

I don't see the point of 'spaces', flexible or fixed, but you can still do dividers (or Separators)

Be nice if the Flexible Space was actually usable: