Use emojis instead of the folder icon in the bookmarks toolbar

[RShep33]

I use my bookmarks toolbar as a quick access for a lot of my links - on the left, i have the websites i browse every day, and then i have a bunch of folders in which i have all the other websites, organized by category (news, social networks, etc.).
While it's possible to give whatever name to the folders (including emojis), I wondered if it was possible to replace the folder icon by a customizable emoji - this would allow to put the newspaper emoji for the news folder, for example. It would also allow to only have an emoji (and no text nor folder icon) in order to gain space on the bookmarks toolbar.
I'm joining a picture of my current setup (on top), and what a setup with emoji replacing the folder icons would look like.

[Vibrax]

I really dislike the current icons, it's just depression.

[homebanjo]

Removing identical folders that require labelling and replacing them with a descriptive emoji, within a folder, would be a game changer.

Personally, it would free up at least 20% of my toolbar, and my folders have no more 3 letters each - for example I have F for football, G for games, SoP for shopping and CaR for, well, car of course.  I imagine a world where folder icons might display a football, a controller, a carrier bag and a wheel within instead. 

I wouldn't bookmark them myself, but for sites a person might frequent whilst relaxing in a gentlemanly manner may I suggest a minor chess piece for the folders icon?

[news8000]

FOLLOWING!!!!

[2mustange]

This feature along with many other bookmark recommendations would be very welcome to make the experience so much easier to manage websites.

[BlackWizard]

I would very much like this to become a thing with Bookmarks in general. But there is a way you can remove the folder icon from the bookmarks toolbar through userChrome.css, which would allow you to achieve the look that you want by naming your folder with the emoji that you want. I've only copied the relevant parts from the following sources:

Source: How to remove folder icons in Bookmarks Toolbar
Source: UserChrome.css - Hiding SUBmenu options

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once - remove if you are adding to an existing userChrome.css*/

/* hide icons for bookmark folders */
#personal-bookmarks .bookmark-item[container="true"] .toolbarbutton-icon {
 display:none!important;
}
menu.bookmark-item > .menu-iconic-left {
display:none!important;
}

[PocketRocket]

BlackWizard

 is it possible to assign individual specific icons for individual specific bookmark folders on the bookmark toolbar? I have numerous different bookmark folders on my bookmark toolbar, but the actual bookmark folders themselves are all different from each other in terms of each bookmark folder having their own different bookmark websites within them. How do I customize each individual specific bookmark folder with its own individual specific icon?

[Agentvirtuel]

Hello

Maybe, take a look at https://connect.mozilla.org/t5/ideas/be-able-to-change-custom-icons-for-bookmarks/idi-p/5886

https://www.userchrome.org

Maybe and by way off illustration https://www.youtube.com/embed/_stDiMCMpis

#personal-bookmarks .bookmark-item[container][label="Foldername1"] {
list-style-image:url('1.png') !important;
-moz-image-region:auto !important;
}

#personal-bookmarks .bookmark-item[container][label="Foldername2"] {
list-style-image:url('2.png') !important;
-moz-image-region:auto !important;
}

.bookmark-item[image^="page-icon:https://connect.mozilla.org"] image {
    object-position: 16px 0px !important;
    list-style-image: none !important;
    background-image: url("firefox.svg")!important;
}

.bookmark-item[image^="page-icon:https://www.mozilla.org"] image {
    object-position: 16px 0px !important;
    list-style-image: none !important;
    background-image: url("Mozilla_Firefox_logo_2013.svg")!important;
}

[Anonymovs]

Que se puedan poner íconos en las carpetas de los marcadores

Hola:

Que se puedan colocar íconos en las carpetas de marcadores para que estas sean más fáciles de localizar visualmente.

Un saludo.

That icons can be put in bookmark folders

Hello: I hope that icons can be placed in the bookmark folders so that they are easier to locate visually. Regards.

[Jon]

(Note: similar ideas have been merged into this thread)

[Mert007]

Hi @Jon,
2 years have gone by since the original post, is there any update to this feature?

[Silpi]

Any progress on this one? Really looking forwards towards this feature being finally implemented.

[news8000]

I'm still looking for and bareley seeing the blank blank folder icons that Firefox puts for bookmarks folders.

It can't be that difficult to fix this, Mozilla.

Waiting..........

[RShep33]

Hi! I'm the original poster for this thread. Since that, I have followed @BlackWizard and @Agentvirtuel's suggestions to go through UserChrome.css to remove the folder icon (see messages above). Now I have directly an emoji followed by text, which allows to gain a ton of space on the personal bar. It's not ideal, as with every fresh install of Firefox I need to specify the UserChrome.css file, but it does the trick.

Now, I still think having this feature implemented would be great. I actually have additional suggestions relative to this feature.

First, to implement it, I would suggest to get inspired by the Standard Notes web app. They have a great feature that allows to select an icon in a list, or an emoji, as the folder icons. It's intuitive and it works great.

Second, I know that Mozilla is working on implementing vertical tabs - which makes a lot of sense on large screens, to gain space vertically and move the tabs to a panel. In harmony with this idea, one could see a similar bookmarks toolbar being vertical instead of horizontal. Technically it is possible to have it with the bookmark panel, but the folder only expand vertically, while I could see submenus expanding horizontally instead, allowing to always have all the folders visible (in comparison, right now, the bookmarks toolbar is horizontal and expands vertically when you click on the buttons).

Third, since this thread I posted another suggestion, a year ago. On mobile, typing in the address bar suggests bookmarks (either from the regular bookmarks or from the bookmarks toolbar), which is great. But, I was surprised to see it does not suggest bookmarks folders - which would be very practical to access a specific subfolder. Right now, on mobile, it takes many taps to get to a bookmarks toolbar subfolder.

Anyway, can't wait to see some progress on this topic!

[Wah]

Firefox - any update on this, we've been waiting for years!