X
Tap here to go to the mobile version of the site.

Support Forum

This thread was closed and archived. Please ask a new question if you need help.

All bookmarks have grey folders-update 56

Posted

I am currently on version 55.0.3 and have had the offer of an update to 56. I accepted the update, installed and restarted FF only to find that all the bookmark foders are grey [not yellow] and a piece of 'unwanted' software [something to do with screenshots] had an icon in the top right-hand corner. I note that doing a search for this problem on this forum, that in a post by WorriedFred on 9.28.17 @ 7.20pm, a post has been marked 'chosen solution'??? There is no solution - if there is where is it??? OR perhaps this is a new default colour style Mozilla have decided to use with this update - how inconsiderate not to mention this if it is so. And to add on a bit of software without permission is a disgrace.

If there has been an official response/explanation for this problem/bug could somebody please point me to it - I have run out of perming 56-bookmarks-grey-all-update in the search Mozilla bar. For the moment I have done a system restore back to 55 - nice yellow forders.

Rgds Damascus

I am currently on version 55.0.3 and have had the offer of an update to 56. I accepted the update, installed and restarted FF only to find that all the bookmark foders are grey [not yellow] and a piece of 'unwanted' software [something to do with screenshots] had an icon in the top right-hand corner. I note that doing a search for this problem on this forum, that in a post by WorriedFred on 9.28.17 @ 7.20pm, a post has been marked 'chosen solution'??? There is no solution - if there is where is it??? OR perhaps this is a new default colour style Mozilla have decided to use with this update - how inconsiderate not to mention this if it is so. And to add on a bit of software without permission is a disgrace. If there has been an official response/explanation for this problem/bug could somebody please point me to it - I have run out of perming 56-bookmarks-grey-all-update in the search Mozilla bar. For the moment I have done a system restore back to 55 - nice yellow forders. Rgds Damascus

Chosen solution

I’ve been fiddling a bit with some CSS code (also to be found on the net somewhere else) and the following appears to be rather satisfactory so far. The code simply fills and modifies colors for the changed and mainly affected Bookmarks related folder icons in the Firefox 56 Sidebar and Library, as well as the Bookmarks Toolbar items in upcoming 57.

  1. Click the menu button New Fx Menu , click help Help-29 (or press Alt, choose Help in the menu bar) and select Troubleshooting Information. You will be taken to a page with the address about:support (you could enter that in the address bar instead.)
  2. Next to Profile Folder, click Open Folder or Show in Finder or Open Directory (for Win/Mac/Linux). This is the Profile folder.
    On Mac, a folder will open that contains your profile folder. Open the selected profile folder (it will be named something like xxxxxxxx.default for a default profile).
  3. If it isn’t there yet, create a subfolder called chrome.
  4. Go into that folder and create a new text file called userChrome.css if it isn’t there yet.
  5. Copy and paste the following code into the userChrome.css file (or add it if already present, except for the first line), save the file and restart Firefox.

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

.bookmark-item[container], treechildren::-moz-tree-image(container) {

 fill: gold !important;

}
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {

 fill: black !important;

}
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {

 fill: black !important;

}
treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {

 fill: black !important;

}
treechildren::-moz-tree-image(container, livemark) {

 fill: orange !important;

}
.bookmark-item[container][query],
treechildren::-moz-tree-image(container, query) {

 fill: dimgray !important;

}

(Note that when pasting, some empty lines one may see (1, 6, 8, 11, ...) can be omitted - some breaks were added just for formatting/readability in this forum.)

Although the colors will not be 100% similar to what is used up to 55, they are easy to customize (see here for allowed colors), which may be needed for black/gray items when changing to a dark theme (more relevant to 57.) It actually works quite well for me in both 56 and 57 and offers more customization for the affected items than possible by default in pre 56 versions, since some items can have their own color specified.

The code may not be perfect and/or could be improved - there will probably be various ways to set this up - and of course I could edit the post if there is something really bad in there. It should however be a nice and easy start for those who want it so badly, and can be set up within a minute. Use at your own risk, though nothing should be able to break Firefox.

Hope this helps.

/Edit: small markup fix at the bottom, add Mac profile folder note

Read this answer in context 18

Additional System Details

Installed Plug-ins

  • Shockwave Flash 27.0 r0

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:55.0) Gecko/20100101 Firefox/55.0

More Information

Tonnes
  • Locale Leader
222 solutions 1306 answers

This is a design change implemented for 56 (I think it was by this bug or related), and required to meet requirements for the upcoming Photon UI change if I understand that well.

Bookmark folder icons in the Library and Sidebar are now gray in 56 - in fact various types of gray depending on the theme and OS - and the ones in the Bookmarks Toolbar (when enabled) will also turn gray as of 57, I think by this bug.

As written in WorriedFred’s question you referred to, someone will come up with a way to modify the gray icons. For the Bookmarks Toolbar and 57, there is already a thread on Reddit discussing changing them by a UserChrome.css file, though they will not look entirely similar as the old images are simply no longer in the Firefox files.

Even though many may not like it, it will be a matter of getting used to it, or (again) there will be a way to change them, as always.

Please don’t blame me if you disagree with the change, I’m just a messenger. ;)

/Edit: on the Release Notes page, you can see all fixed bugs affecting the release by clicking the "Complete list of changes for this release" link at the bottom right. You may find other related bugs there - note that it may take long to load.

/Edit 2: a workaround that works pretty well for me is in my next post.

As for the Screenshots feature (that I thought belonged to a different question, e.g. because of some notepad edit), you can just move the icon from the toolbar as explained in this support article, or completely disable it like jscher2000 wrote.

This is a design change implemented for 56 (I think it was by [https://bugzilla.mozilla.org/show_bug.cgi?id=1377011 this bug] or related), and required to meet requirements for the upcoming Photon UI change if I understand that well. Bookmark folder icons in the Library and Sidebar are now gray in 56 - in fact various types of gray depending on the theme and OS - and the ones in the Bookmarks Toolbar (when enabled) will also turn gray as of 57, I think by [https://bugzilla.mozilla.org/show_bug.cgi?id=1363028 this bug]. As written in [/questions/1177360 WorriedFred’s question] you referred to, someone will come up with a way to modify the gray icons. For the Bookmarks Toolbar and 57, there is already a [https://www.reddit.com/r/firefox/comments/73l3qn/how_to_change_the_icon_color_of_bookmarks_folders/ thread] on Reddit discussing changing them by a UserChrome.css file, though they will not look entirely similar as the old images are simply no longer in the Firefox files. Even though many may not like it, it will be a matter of getting used to it, or (again) there will be a way to change them, as always. Please don’t blame me if you disagree with the change, I’m just a messenger. ;) /Edit: on the [https://www.mozilla.org/en-US/firefox/56.0/releasenotes/ Release Notes page], you can see all fixed bugs affecting the release by clicking the "Complete list of changes for this release" link at the bottom right. You may find other related bugs there - note that it may take long to load. /Edit 2: a workaround that works pretty well for me is in my next post. As for the Screenshots feature (that I thought belonged to a different question, e.g. because of some notepad edit), you can just move the icon from the toolbar as explained in [[Customize Firefox controls, buttons and toolbars|this]] support article, or completely disable it like jscher2000 wrote.

Modified by Tonnes

Question owner

Hi Tonnes Thank you for your reply. So it is an intentional change rather than a problem - unless of course one hates grey? I suppose I can begin to live with. Thanks for the links too. Re the screenshot icon which appears top right, I dont want it or need it [I use Gadwin Print screen] but I did not see any option on offer. I dont take kindly to beta software - I only have one computer - did play around with betaware when I had a 2nd PC.

Rgds Damascus

Hi Tonnes Thank you for your reply. So it is an intentional change rather than a problem - unless of course one hates grey? I suppose I can begin to live with. Thanks for the links too. Re the screenshot icon which appears top right, I dont want it or need it [I use Gadwin Print screen] but I did not see any option on offer. I dont take kindly to beta software - I only have one computer - did play around with betaware when I had a 2nd PC. Rgds Damascus
cor-el
  • Top 10 Contributor
  • Moderator
16167 solutions 145909 answers

You can probably only fix this with a full (complete) theme that is compatible with the current release and that has colored icons. You can search the add-ons website.

You can probably only fix this with a full (complete) theme that is compatible with the current release and that has colored icons. You can search the add-ons website.

Helpful Reply

Hi cor-el Thanks for the suggestion - but no. There should be a choice of folder colour in Options/Content as there is for Fonts etc. I will hold fire with this update and see what happens with the next one.

Hi cor-el Thanks for the suggestion - but no. There should be a choice of folder colour in Options/Content as there is for Fonts etc. I will hold fire with this update and see what happens with the next one.
cor-el
  • Top 10 Contributor
  • Moderator
16167 solutions 145909 answers

There are only color and font settings for web pages in the user interface and not for the user interface.

The appearance of icons is part of the Firefox theme and like mentioned before Firefox is switching to a new design under the name Photon where speed will be optimized and this has lead to developing icons that are SVG images and no longer compressed PNG images.

There are only color and font settings for web pages in the user interface and not for the user interface. The appearance of icons is part of the Firefox theme and like mentioned before Firefox is switching to a new design under the name Photon where speed will be optimized and this has lead to developing icons that are SVG images and no longer compressed PNG images. *https://www.ghacks.net/?s=photon

Question owner

Well as I have said already I do not like the grey folders. Having read through your link to 'ghacks' and a couple of other site, I am not looking forward to having look and find everything I use. I hope there will be a way to keep the bookmarks?

I hope M keep their hands off of Thunderbird.

Well as I have said already I do not like the grey folders. Having read through your link to 'ghacks' and a couple of other site, I am not looking forward to having look and find everything I use. I hope there will be a way to keep the bookmarks? I hope M keep their hands off of Thunderbird.
rw330i 1 solutions 7 answers

Helpful Reply

I also hate the gray folders. I tried going back to 55.0.3 but it keeps getting updated to 56.0 even though I selected never check for updates. Frustrating.

What concerns me more is whether the upcoming updates will break my add-ons. I like the way my Firefox works & the way it is configured. This is why I use Firefox. Without those features I have no reason to continue using it.

I also hate the gray folders. I tried going back to 55.0.3 but it keeps getting updated to 56.0 even though I selected never check for updates. Frustrating. What concerns me more is whether the upcoming updates will break my add-ons. I like the way my Firefox works & the way it is configured. This is why I use Firefox. Without those features I have no reason to continue using it.
rw330i 1 solutions 7 answers

Finally figured out that installing 55.0.3 doesn't replace 56.0 - both versions are kept. I ended up deleting 56.0 in Control Panel, fixing the default web app (I'm using Windows 10) and recreating the icon on the task bar.

Finally figured out that installing 55.0.3 doesn't replace 56.0 - both versions are kept. I ended up deleting 56.0 in Control Panel, fixing the default web app (I'm using Windows 10) and recreating the icon on the task bar.
the-edmeister
  • Top 25 Contributor
  • Moderator
5214 solutions 38542 answers

damascus said

... I hope M keep their hands off of Thunderbird.

Mozilla isn't involved with Thunderbird any longer, beyond providing a temporary legal and financial home for the Thunderbird project, as of Jan 2015. https://en.wikipedia.org/wiki/Mozilla_Thunderbird

Thunderbird developers are completely in control of Thunderbird's future, but with Mozilla moving away from legacy Gecko code Thunderbird may get harder to keep up-to-date as far as security fixes are concerned.

''damascus [[#answer-1013292|said]]'' <blockquote> ... I hope M keep their hands off of Thunderbird. </blockquote> Mozilla isn't involved with Thunderbird any longer, beyond providing a temporary legal and financial home for the Thunderbird project, as of Jan 2015. https://en.wikipedia.org/wiki/Mozilla_Thunderbird Thunderbird developers are completely in control of Thunderbird's future, but with Mozilla moving away from legacy Gecko code Thunderbird may get harder to keep up-to-date as far as security fixes are concerned.
jscher2000
  • Top 10 Contributor
7262 solutions 59101 answers

damascus said

Re the screenshot icon which appears top right, I dont want it or need it [I use Gadwin Print screen] but I did not see any option on offer.

Please see the "How do I disable Screenshots?" section of this article: Firefox Screenshots.

''damascus [[#answer-1012948|said]]'' <blockquote> Re the screenshot icon which appears top right, I dont want it or need it [I use Gadwin Print screen] but I did not see any option on offer.</blockquote> Please see the "How do I disable Screenshots?" section of this article: [[Firefox Screenshots]].
Tonnes
  • Locale Leader
222 solutions 1306 answers

Chosen Solution

I’ve been fiddling a bit with some CSS code (also to be found on the net somewhere else) and the following appears to be rather satisfactory so far. The code simply fills and modifies colors for the changed and mainly affected Bookmarks related folder icons in the Firefox 56 Sidebar and Library, as well as the Bookmarks Toolbar items in upcoming 57.

  1. Click the menu button New Fx Menu , click help Help-29 (or press Alt, choose Help in the menu bar) and select Troubleshooting Information. You will be taken to a page with the address about:support (you could enter that in the address bar instead.)
  2. Next to Profile Folder, click Open Folder or Show in Finder or Open Directory (for Win/Mac/Linux). This is the Profile folder.
    On Mac, a folder will open that contains your profile folder. Open the selected profile folder (it will be named something like xxxxxxxx.default for a default profile).
  3. If it isn’t there yet, create a subfolder called chrome.
  4. Go into that folder and create a new text file called userChrome.css if it isn’t there yet.
  5. Copy and paste the following code into the userChrome.css file (or add it if already present, except for the first line), save the file and restart Firefox.

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

.bookmark-item[container], treechildren::-moz-tree-image(container) {

 fill: gold !important;

}
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {

 fill: black !important;

}
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {

 fill: black !important;

}
treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {

 fill: black !important;

}
treechildren::-moz-tree-image(container, livemark) {

 fill: orange !important;

}
.bookmark-item[container][query],
treechildren::-moz-tree-image(container, query) {

 fill: dimgray !important;

}

(Note that when pasting, some empty lines one may see (1, 6, 8, 11, ...) can be omitted - some breaks were added just for formatting/readability in this forum.)

Although the colors will not be 100% similar to what is used up to 55, they are easy to customize (see here for allowed colors), which may be needed for black/gray items when changing to a dark theme (more relevant to 57.) It actually works quite well for me in both 56 and 57 and offers more customization for the affected items than possible by default in pre 56 versions, since some items can have their own color specified.

The code may not be perfect and/or could be improved - there will probably be various ways to set this up - and of course I could edit the post if there is something really bad in there. It should however be a nice and easy start for those who want it so badly, and can be set up within a minute. Use at your own risk, though nothing should be able to break Firefox.

Hope this helps.

/Edit: small markup fix at the bottom, add Mac profile folder note

I’ve been fiddling a bit with some CSS code (also to be found on the net somewhere else) and the following appears to be rather satisfactory so far. The code simply fills and modifies colors for the changed and mainly affected Bookmarks related folder icons in the Firefox 56 Sidebar and Library, as well as the Bookmarks Toolbar items in upcoming 57. # Click the menu button [[Image:New Fx Menu]], click ''help'' [[Image:Help-29]] (or press Alt, choose Help in the menu bar) and select '''Troubleshooting Information'''. You will be taken to a page with the address ''about:support'' (you could enter that in the address bar instead.) # Next to ''Profile Folder'', click ''Open Folder'' or ''Show in Finder'' or ''Open Directory'' (for Win/Mac/Linux). This is the [[Profiles - Where Firefox stores your bookmarks, passwords and other user data|Profile]] folder.<br>'''On Mac''', a folder will open that ''contains'' your profile folder. Open the selected profile folder (it will be named something like ''xxxxxxxx.default'' for a default profile). # If it isn’t there yet, create a subfolder called '''chrome'''. # Go into that folder and create a new text file called '''userChrome.css''' if it isn’t there yet. # Copy and paste the following code into the userChrome.css file (or add it if already present, except for the first line), save the file and restart Firefox. <code> @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .bookmark-item[container], treechildren::-moz-tree-image(container) { fill: gold !important; }<br> treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { fill: black !important; }<br> treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { fill: black !important; }<br> treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { fill: black !important; }<br> treechildren::-moz-tree-image(container, livemark) { fill: orange !important; }<br> .bookmark-item[container][query],<br> treechildren::-moz-tree-image(container, query) { fill: dimgray !important; } </code> (Note that when pasting, some empty lines one may see (1, 6, 8, 11, ...) can be omitted - some breaks were added just for formatting/readability in this forum.) Although the colors will not be 100% similar to what is used up to 55, they are easy to customize (see [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value here] for allowed colors), which may be needed for black/gray items when changing to a dark theme (more relevant to 57.) It actually works quite well for me in both 56 and 57 and offers more customization for the affected items than possible by default in pre 56 versions, since some items can have their own color specified. The code may not be perfect and/or could be improved - there will probably be various ways to set this up - and of course I could edit the post if there is something really bad in there. It should however be a nice and easy start for those who want it so badly, and can be set up within a minute. Use at your own risk, though nothing should be able to break Firefox. Hope this helps. <sub>/Edit: small markup fix at the bottom, add Mac profile folder note</sub>

Modified by Tonnes

Question owner

rw330i said

I also hate the gray folders. I tried going back to 55.0.3 but it keeps getting updated to 56.0.....

I used System Restore to revert back

What concerns me more is whether the upcoming updates will break my add-ons....

I had not thought of that - not good news. Thanks for your post

''rw330i [[#answer-1013383|said]]'' I also hate the gray folders. I tried going back to 55.0.3 but it keeps getting updated to 56.0..... '''I used System Restore to revert back''' What concerns me more is whether the upcoming updates will break my add-ons.... '''I had not thought of that - not good news. Thanks for your post'''

Modified by damascus

Question owner

the-edmeister said

damascus said
... I hope M keep their hands off of Thunderbird.

Mozilla isn't involved with Thunderbird any longer, beyond providing a temporary legal and financial home for the Thunderbird project, as of Jan 2015. https://en.wikipedia.org/wiki/Mozilla_Thunderbird

Thunderbird developers are completely in control of Thunderbird's future, but with Mozilla moving away from legacy Gecko code Thunderbird may get harder to keep up-to-date as far as security fixes are concerned.

That's news to me - thank you.

''the-edmeister [[#answer-1013388|said]]'' <blockquote> ''damascus [[#answer-1013292|said]]'' <blockquote> ... I hope M keep their hands off of Thunderbird. </blockquote> Mozilla isn't involved with Thunderbird any longer, beyond providing a temporary legal and financial home for the Thunderbird project, as of Jan 2015. https://en.wikipedia.org/wiki/Mozilla_Thunderbird Thunderbird developers are completely in control of Thunderbird's future, but with Mozilla moving away from legacy Gecko code Thunderbird may get harder to keep up-to-date as far as security fixes are concerned. </blockquote> That's news to me - thank you.

Question owner

jscher2000 said

damascus said
Re the screenshot icon which appears top right, I dont want it or need it [I use Gadwin Print screen] but I did not see any option on offer.

Please see the "How do I disable Screenshots?" section of this article: Firefox Screenshots.

Thank you for the link to disable screenshots

''jscher2000 [[#answer-1013411|said]]'' <blockquote> ''damascus [[#answer-1012948|said]]'' <blockquote> Re the screenshot icon which appears top right, I dont want it or need it [I use Gadwin Print screen] but I did not see any option on offer.</blockquote> Please see the "How do I disable Screenshots?" section of this article: [[Firefox Screenshots]]. </blockquote> Thank you for the link to disable screenshots

Question owner

Tonnes said

I’ve been fiddling a bit with some CSS code (also to be found on the net somewhere else) and the following appears to be rather satisfactory so far....................................... The code may not be perfect and/or could be improved - there will probably be various ways to set this up - and of course I could edit the post if there is something really bad in there. It should however be a nice and easy start for those who want it so badly, and can be set up within a minute. Use at your own risk, though nothing should be able to break Firefox. Hope this helps.

Thanks - I will update to 56 again and see if I can live with the grey folders or not and then wait for 57, which might make me think of using a different browser.

''Tonnes [[#answer-1013474|said]]'' <blockquote> I’ve been fiddling a bit with some CSS code (also to be found on the net somewhere else) and the following appears to be rather satisfactory so far....................................... The code may not be perfect and/or could be improved - there will probably be various ways to set this up - and of course I could edit the post if there is something really bad in there. It should however be a nice and easy start for those who want it so badly, and can be set up within a minute. Use at your own risk, though nothing should be able to break Firefox. Hope this helps. </blockquote> Thanks - I will update to 56 again and see if I can live with the grey folders or not and then wait for 57, which might make me think of using a different browser.

Modified by damascus

DenverBrian 0 solutions 3 answers

Tonnes said

I’ve been fiddling a bit with some CSS code (also to be found on the net somewhere else) and the following appears to be rather satisfactory so far. The code simply fills and modifies colors for the changed and mainly affected Bookmarks related folder icons in the Firefox 56 Sidebar and Library, as well as the Bookmarks Toolbar items in upcoming 57.
  1. Click the menu button New Fx Menu , click help Help-29 (or press Alt, choose Help in the menu bar) and select Troubleshooting Information. You will be taken to a page with the address about:support (you could enter that in the address bar instead.)
  2. Click Open Folder or Show in Finder or Open Directory (Win/Mac/Linux). This is the Profile folder.
  3. If it isn’t there yet, create a subfolder called chrome.
  4. Go into that folder and create a new text file called userChrome.css if it isn’t there yet.
  5. Copy and paste the following code into the userChrome.css file (or add it if already present, except for the first line), save the file and restart Firefox.
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .bookmark-item[container], treechildren::-moz-tree-image(container) { fill: gold !important; }
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { fill: black !important; }
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { fill: black !important; }
treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { fill: black !important; }
treechildren::-moz-tree-image(container, livemark) { fill: orange !important; }
.bookmark-item[container][query],
treechildren::-moz-tree-image(container, query) { fill: dimgray !important; }
(Note that when pasting, some empty lines one may see (1, 6, 8, 11, ...) can be omitted - some breaks were added just for formatting/readability in this forum.) Although the colors will not be 100% similar to what is used up to 55, they are easy to customize (see here for allowed colors), which may be needed for black/gray items when changing to a dark theme (more relevant to 57.) It actually works quite well for me in both 56 and 57 and offers more customization for the affected items than possible by default in pre 56 versions, since some items can have their own color specified. The code may not be perfect and/or could be improved - there will probably be various ways to set this up - and of course I could edit the post if there is something really bad in there. It should however be a nice and easy start for those who want it so badly, and can be set up within a minute. Use at your own risk, though nothing should be able to break Firefox. Hope this helps. /Edit: small markup fix at the bottom

This works very for me to restore the look of my bookmarks toolbar - thanks!

One suggestion: I used darkkhaki instead of gold, and the resulting file folder icons look very professional indeed.

Which of the lines of CSS code handle the "Other Bookmarks" icon, which is the inbox-looking icon?

''Tonnes [[#answer-1013474|said]]'' <blockquote> I’ve been fiddling a bit with some CSS code (also to be found on the net somewhere else) and the following appears to be rather satisfactory so far. The code simply fills and modifies colors for the changed and mainly affected Bookmarks related folder icons in the Firefox 56 Sidebar and Library, as well as the Bookmarks Toolbar items in upcoming 57. # Click the menu button [[Image:New Fx Menu]], click ''help'' [[Image:Help-29]] (or press Alt, choose Help in the menu bar) and select '''Troubleshooting Information'''. You will be taken to a page with the address ''about:support'' (you could enter that in the address bar instead.) # Click ''Open Folder'' or ''Show in Finder'' or ''Open Directory'' (Win/Mac/Linux). This is the [[Profiles - Where Firefox stores your bookmarks, passwords and other user data|Profile]] folder. # If it isn’t there yet, create a subfolder called '''chrome'''. # Go into that folder and create a new text file called '''userChrome.css''' if it isn’t there yet. # Copy and paste the following code into the userChrome.css file (or add it if already present, except for the first line), save the file and restart Firefox. <code> @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .bookmark-item[container], treechildren::-moz-tree-image(container) { fill: gold !important; }<br> treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { fill: black !important; }<br> treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { fill: black !important; }<br> treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { fill: black !important; }<br> treechildren::-moz-tree-image(container, livemark) { fill: orange !important; }<br> .bookmark-item[container][query],<br> treechildren::-moz-tree-image(container, query) { fill: dimgray !important; } </code> (Note that when pasting, some empty lines one may see (1, 6, 8, 11, ...) can be omitted - some breaks were added just for formatting/readability in this forum.) Although the colors will not be 100% similar to what is used up to 55, they are easy to customize (see [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value here] for allowed colors), which may be needed for black/gray items when changing to a dark theme (more relevant to 57.) It actually works quite well for me in both 56 and 57 and offers more customization for the affected items than possible by default in pre 56 versions, since some items can have their own color specified. The code may not be perfect and/or could be improved - there will probably be various ways to set this up - and of course I could edit the post if there is something really bad in there. It should however be a nice and easy start for those who want it so badly, and can be set up within a minute. Use at your own risk, though nothing should be able to break Firefox. Hope this helps. <sub>/Edit: small markup fix at the bottom</sub> </blockquote> This works very for me to restore the look of my bookmarks toolbar - thanks! One suggestion: I used darkkhaki instead of gold, and the resulting file folder icons look very professional indeed. Which of the lines of CSS code handle the "Other Bookmarks" icon, which is the inbox-looking icon?
jscher2000
  • Top 10 Contributor
7262 solutions 59101 answers

DenverBrian said

Which of the lines of CSS code handle the "Other Bookmarks" icon, which is the inbox-looking icon?

First, this work by Tonnes is genius.

Second, the ones that have "black" are those three top level icons, and third is "Other" (formerly known as "Unsorted"):

treechildren::-moz-tree-image(container, 
    OrganizerQuery_BookmarksToolbar) {
  fill: black !important;
}
treechildren::-moz-tree-image(container,  
    OrganizerQuery_BookmarksMenu) {
  fill: black !important;
}
treechildren::-moz-tree-image(container,  
    OrganizerQuery_UnfiledBookmarks) {
  fill: black !important;
}
''DenverBrian [[#answer-1014131|said]]'' <blockquote> Which of the lines of CSS code handle the "Other Bookmarks" icon, which is the inbox-looking icon? </blockquote> First, this work by Tonnes is genius. Second, the ones that have "black" are those three top level icons, and third is "Other" (formerly known as "Unsorted"): <pre>treechildren::-moz-tree-image(container, OrganizerQuery_'''BookmarksToolbar''') { fill: black !important; } treechildren::-moz-tree-image(container, OrganizerQuery_'''BookmarksMenu''') { fill: black !important; } treechildren::-moz-tree-image(container, OrganizerQuery_'''UnfiledBookmarks''') { fill: black !important; }</pre>
DenverBrian 0 solutions 3 answers

Beautimous! Just replace all instances of black with darkkhaki, and you get a pretty nice looking sidebar. Thanks!

Beautimous! Just replace all instances of black with darkkhaki, and you get a pretty nice looking sidebar. Thanks!
Lombard.Lombard 0 solutions 8 answers

it is the ok code ? It does not work in my firefox . Why?

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .bookmark-item[container], treechildren::-moz-tree-image(container) { fill: gold !important; } treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { fill: black !important; } treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { fill: black !important; } treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { fill: black !important; } treechildren::-moz-tree-image(container, livemark) { fill: orange !important; } .bookmark-item[container][query], treechildren::-moz-tree-image(container, query) { fill: dimgray !important; }

it is the ok code ? It does not work in my firefox . Why? @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .bookmark-item[container], treechildren::-moz-tree-image(container) { fill: gold !important; } treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { fill: black !important; } treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { fill: black !important; } treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { fill: black !important; } treechildren::-moz-tree-image(container, livemark) { fill: orange !important; } .bookmark-item[container][query], treechildren::-moz-tree-image(container, query) { fill: dimgray !important; }
jscher2000
  • Top 10 Contributor
7262 solutions 59101 answers

Hi Lombard.Lombard, is this the entire contents of your userChrome.css file?

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); 
.bookmark-item[container], treechildren::-moz-tree-image(container) { fill: gold !important; }
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { fill: black !important; }
treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { fill: black !important; }
treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { fill: black !important; }
treechildren::-moz-tree-image(container, livemark) { fill: orange !important; }
.bookmark-item[container][query],
treechildren::-moz-tree-image(container, query) { fill: dimgray !important; }

Is the file located in the expected location and named with all lower case letters except the C in the middle?

profile.folder\chrome\userChrome.css

To confirm that the file is being read at startup and applied, you can call up the Browser Toolbox. It has a panel called the Style Editor which shows each file Firefox is applying to the user interface (there are a surprising number of them). More info in this article: https://developer.mozilla.org/docs/Tools/Browser_Toolbox

The cool thing about the Browser Toolbox is you can modify the colors and see your results in near real time without having to restart Firefox between each modification. (You may need to close and re-open the Bookmarks Toolbar in between changes.) Once you have it just the way you like it, there is a "Save" link on the userChrome.css button/tile to update the file on disk.

Hi Lombard.Lombard, is this the entire contents of your '''userChrome.css''' file? <pre>@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .bookmark-item[container], treechildren::-moz-tree-image(container) { fill: gold !important; } treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { fill: black !important; } treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { fill: black !important; } treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { fill: black !important; } treechildren::-moz-tree-image(container, livemark) { fill: orange !important; } .bookmark-item[container][query], treechildren::-moz-tree-image(container, query) { fill: dimgray !important; } </pre> Is the file located in the expected location and named with all lower case letters except the C in the middle? ''profile.folder''\chrome\userChrome.css To confirm that the file is being read at startup and applied, you can call up the Browser Toolbox. It has a panel called the Style Editor which shows each file Firefox is applying to the user interface (there are a surprising number of them). More info in this article: https://developer.mozilla.org/docs/Tools/Browser_Toolbox The cool thing about the Browser Toolbox is you can modify the colors and see your results in near real time without having to restart Firefox between each modification. (You may need to close and re-open the Bookmarks Toolbar in between changes.) Once you have it just the way you like it, there is a "Save" link on the userChrome.css button/tile to update the file on disk.