Allow custom folder icons for bookmarks

[Buglocker]

@nomadic Nope. Its a little complicated. I 'll wait for a future update to fix that.
Thanks.

[rodndtube]

Yes, I would very much want a bookmark folder custom icon to readily differentiate folders from one another. Just like there are different icons for regular bookmarks! This used to be a standard feature in Firefox by property clicking on the folder icon and changing the icon from a vanilla folder icon to an icon that could identify folder. That went away as Firefox moved to a more chrome-like world. I switched to Basilisk for that and many other reasons. I used to be easy to do in Basilisk but then that changed. And Basilisk is beginning to fail on many chrome-centric-coded websites. So, here I am at Vivaldi which is much more flexible than other Chrome-based browsers and builds in many features that one would have to rely on extensions but using extensions can sometimes be like chasing down a rat hole.

[Vivaldiscool]

So, you can edit bookmarks folders logos, to look better.

Example:

[Pesala]

@Vivaldiscool There is some CSS code for this in Option for Colored Bookmark Folders.

[Vivaldiscool]

@Pesala Yea, but custom icons that you can upload not by code?

[fromwater]

One man/girl said in that way u will not know were is folder and where is bookmark..
Solution to solve

1. Smal underline under folder
2. Very small icon of folder in some corneer on custom image of folder (2layers)
3. Square around folder image (analog like with 1st)
4. U just simple can use side lines as usual to make border between bookmarks.

I thumbs up!

[Pesala]

@fromwater The folder icons can be hidden with a few lines of CSS.

/*Hide Bookmark Folder Icons*/
.bookmark-bar.text .observer .VivaldiSvgIcon {display: none;}
.bookmark-bar.text .observer .bookmarkbarItem.folder span.title {text-decoration: underline;}

As mentioned earlier, the Title can use emoticons. I don’t think it is worth hiding the folder icons to save a little space; it would be better to organise the bookmarks more carefully, but to each his own.

[fromwater]

@Pesala so with this codes it makes instead of folder icon arrows? it yes...its kinda cool in some way...if i udnerstand correct u screen shot

but i still think what u can just make borders with sidelines) ...still i think its all subject and many ways can work...people using worst browsers somehow still not like vivladi and happy)

[Pesala]

@fromwater I just noticed that the CSS also underlines the Folder Titles, but not the Bookmark Titles, which is just what you wanted, I think?

[fromwater]

@Pesala yeah that was 1st paragraph in my first post here) one of idea

[fromwater]

@Pesala but iam not strong in CSS, so how i can choose underline or arrow instead folders thru CSS, its 2 differnt code right? can u give here both of more of ideas if u have please?

[Pesala]

@fromwater My First screenshot shows the Folder Titles using emojis, without any CSS modification.

The second screenshot, shows the folder icons removed and the title text underlined, using CSS.
The first line of the CSS code, hides the Bookmark Folder Icons.
The second line of the CSS code, underlines the Folder Title text.

I am no expert. I just searched the modifications forum for the code, and copied it. I always add a comment to CSS code that I use and paste here, to describe what the code does:

/*Hide Bookmark Folder Icons*/

[fromwater]

@Pesala