@retoree You have some nice modifications going on there. I see you're using my trash button and @sjudenim's menu button. Care to share your own creations back to the changing icons thread thread? I like what you've done with the bookmark and home buttons.

In other news the sync icon has been leaked on some screenshot. Can't remember where anymore. It's just the standard cloud icon. Does someone have an idea for an icon representing sync, that isn't a cloud? I've looked around and the options aren't plentiful.

My bad, indeed the ability to swap the Vivaldi icon for a menu icon in the tab bar is available in Vivaldi settings.

I have been playing around with the code in your opening post in this thread, it works for all buttons present in my address bar, except for the bookmarks menu icon, altering various setting either has no effect or simply breaks the bookmarks icon in address bar.

I am working under the assumption that the name of the bookmark element in the address bar is: addbookmarks.

One last thing, to make sure I understand you correctly, is this the code for the vivaldi red icon:

@raed You should be able to do this without javascript, but since you are already using js code for the button it doesn't really matter. And yeah, you can color the svg, but I would keep it like it is – the Vivaldi theme color variables assure the button is consistent over all themes you load. In any case, that's your choice. The Vivaldi icon has 2 paths, and each path has a fill for the color (egfill=blue). Just inspect the footer again and you will see how to do it.

you made my morning feel like my birthday, Christmas and the day I lost my virginity all rolled into one.
Thank you.

Regards
raed

Edit:

Now to polish off the new and improved Vivaldi look ala luetage,
Any thoughts on changing the title bar (minimize, resize and close) icons, and on reducing the wasted screen real estate on top of the tabs?

Not sure if it is the correct method to get both icons centered, or if it is the most elegant, but I think I now fully understand Deng Xiaoping's doctrain of: It does not matter if the cat is balck or white, as long as it catches the mice.

@raed The path is the alignment. It has a starting point M which places it in the viewbox. If you change the viewbox, the path might not be centered anymore, speak: changing the viewbox misaligned your path. Try scaling like @Hadden89 instead of changing the viewbox to control the size of the path/icon. If you start to scale it might be a good idea to make the viewbox 32x32, like in the original svg on the Vivaldi Forum.

I have attempted to play with transform value in an attempt to understand its effect, I attempted to reduce the size of the back and forward icons in @Hadden89 code to make them the same size as the native Vivaldi reload icon, a value of (.07) gets them to the correct size, but makes the icons miss aligned by being pushed up and to the left.

.

Regards
raed

Edit:
Is there a value that can be assigned to the parent container (for a better word) which is in this case the address bar, that would center any and all elements present and/or introduced in it?