Do you mean the icon for bookmark folders that is now an outline? There is no built-in way to modify that, and add-ons also cannot change those.

It is possible to replace those icons using a community-supported (unofficial) workaround, which is to create a userChrome.css file. I have some examples of how to do that on my page here:

https://www.userchrome.org/what-is-userchrome-css.html#colorbookmarkfolder

But there is additional reading to do to understand what is involved and how to set it up (there are links for that in the navigation bar of the site.

If you would prefer step-by-step directions, let us know.

If i understand correct to get the previous bookmarks look (like in FF88),all i have to do is to click the "Download SVG FILL" .. on your page? Sorry to ask but do not wanna click the wrong thing

Hi Firefoxuser, the file has a set of rules, but installing them is a multi-step process. Make sure you set aside 10 quiet minutes to work through it.

(These steps are for users who do not have a userChrome.css file at all.)

(A) Download the style rule code

For example, https://www.userchrome.org/samples/userChrome-color_bookmark_folders_Proton89.css

Use the downloads list on the toolbar to open the downloads folder directly to the new file.

Minimize that file browser window for later reference.

(B) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(C) Move the file you downloaded in Step A into the chrome folder you created in Step B

(D) Rename the file to just userChrome.css

For example:

• right-click userChrome-color_bookmark_folders_Proton89.css
• click Rename
• delete the -color_bookmark_folders_Proton89 part and press Enter

The final name need to be userChrome.css (Firefox is particular about the name).

(E) Set Firefox to look for userChrome.css at startup -- see step #6 in the above article.

The next time you exit Firefox and start it up again, it should discover that file and apply the rules.

I suggest bookmarking any thread you get userChrome.css code from for future reference (in case the rule stops working).

Hy i was able to do everything exactly as described. However it does not change outlined to filled... even did ....

   Double-click the toolkit.legacyUserProfileCustomizations.stylesheets preference to switch the value from false to true.

But does not work as well tried to activate userprof and set to true but that did not work as well . So deactivated that again

I will keep that new file userchrome in firefoxprofile in case someday it will work .... in meanwhile i want to thank you for the time you took to try to help. Will keep this help request so i keep getting updates till there is a solution that works

As a test, do you want to try a different userChrome.css file in the chrome folder your created in your profile folder? You can generate one on this page:

The sample rules (i) enlarge the print overlay for easier reading in smaller windows and (ii) force the speaker icon/mute button to appear on tabs playing audio without your having to hover your mouse over the tab.

Does that file work?

As a test, do you want to try a different userChrome.css file in the chrome folder your created in your profile folder? You can generate one on this page: The sample rules (i) enlarge the print overlay for easier reading in smaller windows and (ii) force the speaker icon/mute button to appear on tabs playing audio without your having to hover your mouse over the tab. Does that file work?

What page you talk about? cant see it

I tried to understand that page where you the Generate Downloadable userChrome.css but am not a programmer i do not really understand how that stuff is written or how to alter  sorry

Whoops, I somehow deleted the link. Sorry about that. Here it is:

https://www.userchrome.org/download-userchrome-css.html

That Link is what i have bin trying I clicked straight generate and used it Did not work. tried to delete parts of so only had the part from line 18 down , then download/use not work tried several other parts of it alone but seems not to be working ..

I do something wrong or do not understand .

Thx for all the time you put in but for today am done trying

It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

• https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a plain text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted. On Mac you can use the TextEdit utility to create the userChrome.css file as a plain text file.

In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".

You need to close (Quit/Exit) and restart Firefox when you create or modify the userChrome.css file.

See also:

• https://www.userchrome.org/what-is-userchrome-css.html
• https://www.userchrome.org/how-create-userchrome-css.html

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

• toolkit.legacyUserProfileCustomizations.stylesheets = true

• https://www.userchrome.org/firefox-changes-userchrome-css.html

I wonder what is going wrong.

Since they added the extra "Open Folder" button on the "Update Folder" row, users sometimes create their chrome folder in that one -- where Firefox will completely ignore it. Your new chrome folder needs to be in the "Profile Folder" (second "Open Folder" button in that table).

@jschr2000 i found the error ... i missread a line in the explanation you gave and had made a file called userChrome.css in the file chrome... and put the text file in the userChrome one i took out the extra file closed FF for a few hr (cause restarting straight after had still same prob ,it is slower since 87) and i put the text file back in.... now everything is filled in bookmarks..even so it still looks a little transparent at least is lot more showing. :)

Again ty very much for the time you put in to help me to get it done