FF57 Dull Grey Bookmarks Folders Icons

[Richard1296]

Anyone have a fix to get some color in the folder icons used in the bookmarks drop down menu ?
Otherwise FF57 seems OK.....so far.

Richard

[Richard1296]

OK, I found a way to at least to change them a little. Add the line below to userchrome.css

.bookmark-item[container], treechildren::-moz-tree-image(container) { fill: yellow !important; }

You can substitute your preferred color where I used yellow.

Ain't much, but I like it better than the dull ugly grey color.

Richard

[flaneurb]

Nice

If one wants more color, the text next to the bookmark icons in the bookmarks bar can also be (selectively) colored with the caveat that the color will be the property of the numerical position rather than of the specific bookmark.

Code: Select all

#PlacesToolbarItems > toolbarbutton:nth-child(5) { color: #F5420A !important }
#PlacesToolbarItems > toolbarbutton:nth-child(9) { color: #F5420A !important }
#PlacesToolbarItems > toolbarbutton:nth-child(13) { color: #808000 !important }

[mightyglydd]

Ain't much

Better than a poke in the eye with a burnt stick...Nice x 2 !

[8-bit]

If you're looking for something to "mix up a color" you like, try this:

https://developer.mozilla.org/en-US/doc ... icker_tool

Just substitue the hexa vale you like with the ones in the above css code

[BuddhaNature]

Richard,

Step-by-step instructions on how to do this are given here (two methods are offered - one of them is how to use the old-style yellow Bookmarks folders): A Beginner's Guide to Creating and Using a userChrome.css File - How to Change Firefox's Grey Bookmarks Folders

[Richard1296]

BuddhaNature...Thank You, Thank You, Thank You.
I can deal with the Icons as they look in the "show all bookmarks"
since I rarely go there.
You provided what I was looking for.
Again, Thank You Very Much

Richard

[BuddhaNature]

BuddhaNature...
I can deal with the Icons as they look in the "show all bookmarks"
Richard

Thanks very much for the thanks, Richard, appreciated. However, I worked out a solution to the "Show All Bookmarks" being still the boring dull grey by modifying the code you first showed in this thread. (Thank you very much for that code. ) I have now updated the guide to use the "modified" code so the change to the bookmarks folders can be now also be seen in "Show All Bookmarks". Just go back to the Guide and grab the new code out of the code-boxes posted in the guide: A Beginner's Guide to Creating and Using a userChrome.css File - How to Change Firefox's Grey Bookmarks Folders

[Richard1296]

And if you open the .png of the folders with Windows Photo Viewer you
can rotate the icons to suit.
Thanks again BuddhaNature

Richard

[BuddhaNature]

And if you open the .png of the folders with Windows Photo Viewer you
can rotate the icons to suit.
Richard

Many thanks, Richard. I'll experiment with that later.

[CaJazzman]

I, too, want to change the color of the folders, but, I'm not sure where to place the code, in the userChrome.css file, or which one to use. Can you specially tell me how to do this option? TIA.

[Richard1296]

Close FF after downloading this and put it in your userChrome folder

https://dxr.mozilla.org/mozilla-esr52/r ... r-item.png


Put this in your userChrome.css file

Code: Select all

.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;
}

Restart FF...you should be good to go

Richard

[BuddhaNature]

CaJazzman, you would be best off if you work through this guide: A Beginner's Guide to Creating and Using a userChrome.css File - How to Change Firefox's Grey Bookmarks Folders Then you will have a better idea of what you might want to do as there are two solutions offered there for changing the folder colour.

As to where to put the code in you userChrome.css file, I have no idea. In part it might depend on what is already in the file. If it was me I would just experiment to see what worked - in that way I learn as I go.

Richard, I laughed when I saw you had posted your response to CaJazzman into the the wrong thread here: http://forums.mozillazine.org/viewtopic ... #p14778512. (That's the kind of thing I would do if I was in a hurry. You might be able to delete that post by clicking on the "Edit" button and then choosing the "Delete Post" option. Or you could just "Report" your own post and ask the Mods to delete it for you.)

Also, it is best if you post code into a code-box - this makes it much clearer for others what it is you intend to be regarded as code. To do that click on the "Edit button for your post here. In the editor, highlight the text you put as code. Once it is highlighted, click on the "Code" button at the top of the editor window and your text will be put into a code-box - and hence look like actual code. Hope this helps.

[CaJazzman]

So, this is what I have now:

Code: Select all

/* tabs on bottom */ 
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} 
/* Search Bar width */
.searchbar-textbox {
max-width: 500px !important;
min-width: 300px !important; }
.tab-background {
border-radius: 16px 16px 0px 0px !important;
border-image: none !important; }

.tab-line {
display: none; }
#TabsToolbar {-moz-box-ordinal-group:1000!important}?

Not sure where to put what, as of now. Maybe some one can post exactly what my file should look like so, including the curved tabs, but that it will change the color to say, yellow or gold. TIA

[Richard1296]

Thank You BuddhaNature...I have no idea how I did that, I don't remember even reading that post.
I do remember the reply and after I submitted it I noticed it was not there (where intended).
I made the reply again and it was where it belonged this time. As for the post in the wrong place,
I deleted it, so to all concerned please excuse me.
And I will remember the use of a code box.

Richard