MozillaZine

FF57 Dull Grey Bookmarks Folders Icons

User Help for Mozilla Firefox
Richard1296
 
Posts: 42
Joined: July 29th, 2012, 2:25 pm

Post Posted November 14th, 2017, 3:16 pm

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
 
Posts: 42
Joined: July 29th, 2012, 2:25 pm

Post Posted November 14th, 2017, 6:36 pm

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
 
Posts: 604
Joined: December 10th, 2011, 3:50 am

Post Posted November 14th, 2017, 6:57 pm

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

User avatar
 
Posts: 9061
Joined: November 4th, 2006, 7:07 pm
Location: Hollywood Ca.

Post Posted November 14th, 2017, 10:22 pm

Richard1296 wrote:Ain't much

Better than a poke in the eye with a burnt stick...Nice x 2 ! :)
#KeepFightingMichael

8-bit

User avatar
 
Posts: 904
Joined: October 19th, 2007, 5:19 pm

Post Posted November 19th, 2017, 6:23 pm

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
The desire that something be true, rather than the desire for truth itself, is why pseudoscience is pop-culture.

BuddhaNature

User avatar
 
Posts: 106
Joined: January 3rd, 2008, 9:44 am

Post Posted November 20th, 2017, 6:30 am

Richard,

In case you missed the thread, you can go back to using the old bookmarks folder style (at least in the dropdown menu).

Details in this thread: http://forums.mozillazine.org/viewtopic.php?f=7&t=3035420
Step-By-Step instruction how in same thread: http://forums.mozillazine.org/viewtopic.php?p=14777671#p14777671

Richard1296
 
Posts: 42
Joined: July 29th, 2012, 2:25 pm

Post Posted November 20th, 2017, 12:13 pm

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

User avatar
 
Posts: 106
Joined: January 3rd, 2008, 9:44 am

Post Posted November 20th, 2017, 12:27 pm

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

Thanks very much for the thanks, Richard, appreciated. :D 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. :D) Just replace your code with the code offered for the new solution which I've posted here: http://forums.mozillazine.org/viewtopic.php?p=14778395#p14778395 (The code you need is in the second-last code-box of that post. In effect, the code-box that occurs before the code I put in my EDIT: notice.)
Last edited by BuddhaNature on November 21st, 2017, 11:11 am, edited 1 time in total.

Richard1296
 
Posts: 42
Joined: July 29th, 2012, 2:25 pm

Post Posted November 20th, 2017, 1:04 pm

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

User avatar
 
Posts: 106
Joined: January 3rd, 2008, 9:44 am

Post Posted November 20th, 2017, 1:08 pm

Richard1296 wrote: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

User avatar
 
Posts: 273
Joined: March 5th, 2009, 2:21 pm
Location: Vacaville,California

Post Posted November 20th, 2017, 1:50 pm

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. 8-)

Richard1296
 
Posts: 42
Joined: July 29th, 2012, 2:25 pm

Post Posted November 20th, 2017, 2:21 pm

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
Last edited by Richard1296 on November 20th, 2017, 4:06 pm, edited 1 time in total.

BuddhaNature

User avatar
 
Posts: 106
Joined: January 3rd, 2008, 9:44 am

Post Posted November 20th, 2017, 3:40 pm

CaJazzman, you would be best off if you quickly read through all of this thread: http://forums.mozillazine.org/viewtopic.php?f=7&t=3035420 But don't do anything about the information there until you've read the whole thread. 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.php?p=14778512#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

User avatar
 
Posts: 273
Joined: March 5th, 2009, 2:21 pm
Location: Vacaville,California

Post Posted November 20th, 2017, 3:45 pm

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 8-)
Last edited by CaJazzman on November 20th, 2017, 4:09 pm, edited 2 times in total.

Richard1296
 
Posts: 42
Joined: July 29th, 2012, 2:25 pm

Post Posted November 20th, 2017, 4:01 pm

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

Return to Firefox Support


Who is online

Users browsing this forum: Google [Bot] and 7 guests