FF57 Dull Grey Bookmarks Folders Icons
-
- Posts: 104
- Joined: July 29th, 2012, 2:25 pm
FF57 Dull Grey Bookmarks Folders Icons
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
Otherwise FF57 seems OK.....so far.
Richard
-
- Posts: 104
- Joined: July 29th, 2012, 2:25 pm
Re: FF57 Dull Grey Bookmarks Folders Icons
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
.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
-
- Posts: 622
- Joined: December 10th, 2011, 3:50 am
Re: FF57 Dull Grey Bookmarks Folders Icons
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.
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
- Posts: 9813
- Joined: November 4th, 2006, 7:07 pm
- Location: Hollywood Ca.
Re: FF57 Dull Grey Bookmarks Folders Icons
Better than a poke in the eye with a burnt stick...Nice x 2 !Richard1296 wrote: Ain't much
#KeepFightingMichael and Alex.
- 8-bit
- Posts: 908
- Joined: October 19th, 2007, 5:19 pm
Re: FF57 Dull Grey Bookmarks Folders Icons
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
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
- Posts: 537
- Joined: January 3rd, 2008, 9:44 am
- Location: Scotland
Re: FF57 Dull Grey Bookmarks Folders Icons
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
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
Last edited by BuddhaNature on February 22nd, 2018, 9:28 am, edited 3 times in total.
OS: Windows 10 Pro. x64
-
- Posts: 104
- Joined: July 29th, 2012, 2:25 pm
Re: FF57 Dull Grey Bookmarks Folders Icons
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
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
- Posts: 537
- Joined: January 3rd, 2008, 9:44 am
- Location: Scotland
Re: FF57 Dull Grey Bookmarks Folders Icons
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 FoldersRichard1296 wrote:BuddhaNature...
I can deal with the Icons as they look in the "show all bookmarks"
Richard
Last edited by BuddhaNature on February 22nd, 2018, 9:30 am, edited 3 times in total.
OS: Windows 10 Pro. x64
-
- Posts: 104
- Joined: July 29th, 2012, 2:25 pm
Re: FF57 Dull Grey Bookmarks Folders Icons
And if you open the .png of the folders with Windows Photo Viewer you
can rotate the icons to suit.
Thanks again BuddhaNature
Richard
can rotate the icons to suit.
Thanks again BuddhaNature
Richard
- BuddhaNature
- Posts: 537
- Joined: January 3rd, 2008, 9:44 am
- Location: Scotland
Re: FF57 Dull Grey Bookmarks Folders Icons
Many thanks, Richard. I'll experiment with that later.Richard1296 wrote:And if you open the .png of the folders with Windows Photo Viewer you
can rotate the icons to suit.
Richard
OS: Windows 10 Pro. x64
- CaJazzman
- Posts: 370
- Joined: March 5th, 2009, 2:21 pm
- Location: Vacaville,California
Re: FF57 Dull Grey Bookmarks Folders Icons
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.
-
- Posts: 104
- Joined: July 29th, 2012, 2:25 pm
Re: FF57 Dull Grey Bookmarks Folders Icons
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
Restart FF...you should be good to go
Richard
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;
}
Richard
Last edited by Richard1296 on November 20th, 2017, 4:06 pm, edited 1 time in total.
- BuddhaNature
- Posts: 537
- Joined: January 3rd, 2008, 9:44 am
- Location: Scotland
Re: FF57 Dull Grey Bookmarks Folders Icons
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.
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.
Last edited by BuddhaNature on February 22nd, 2018, 9:31 am, edited 2 times in total.
OS: Windows 10 Pro. x64
- CaJazzman
- Posts: 370
- Joined: March 5th, 2009, 2:21 pm
- Location: Vacaville,California
Re: FF57 Dull Grey Bookmarks Folders Icons
So, this is what I have now:
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
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
Last edited by CaJazzman on November 20th, 2017, 4:09 pm, edited 2 times in total.
-
- Posts: 104
- Joined: July 29th, 2012, 2:25 pm
Re: FF57 Dull Grey Bookmarks Folders Icons
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
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