Menu emoji customization
-
@keeskloost Both work in my case, pasted from emojipedia:
πΆβπ«οΈβοΈ
But it doesnβt really matter where you get them from, itβs only important that your own emoji font is being displayed and not some sort of image, so you know it will work. βFace in Cloudβ seems to be relatively new, not many users will be able to render it. -
Hey Luetage, thanks a lot. Yeah I now see also that the Face in cloud renders () as two seperate Emojis on some devices (such as Windows itself).
Thank you for your help. I will try different Emoji's
-
I customized the menus a bit and in meanwhile exported the list in notepad++
About /
Alerts /
Bookmark /
Bug πͺ² /
Cast
Calendar
Check for updates πͺ
Clone /
Contacts /
Cookie
Copy Selection to New Note / copy both
Copy Address /
Copy link
Copy text / Edit
Customise... οΈ
Cut οΈ
Delete / Remove
Developer tools
Emoji & Symbols /
Empty Trash οΈ / οΈ
Expand/Collapse /
Experiment / Flag π§ͺ /
Extensions π§©
Filters οΈ
Floating Panel οΈ
Folder / Open
Gpu info οΈ
Guest Window /
Hibernate Tab π§ / / /
History π§ / /
Image / Open οΈ
Image / Save
Import from applications or files
Lock / Unlock /
Look Up οΈ
Mark as Read / Remove completed
Mark as Unread οΈ
Misc / /
Move
Mute/Unmute /
Note / New
Panels π«
Paste as plain text /
Paste
Paste 'n go /
Pin / /
Print οΈ
Private / Open οΈ / οΈ
Reload /
Rename οΈ / οΈ
Reopen Closed Tab βΎοΈ
Restart
Resume οΈ
Save
Search /
Select all οΈ
Send to Mail / /
Send to Phone
Separate Width
Separator
Settings οΈ
Show Desktop Version οΈ
Show Mobile Version
Show in File Manager οΈ
Speech /
Spell Check
Stack οΈ
Stop
Tab / Open
Task manager οΈ
Themes
Tiling
Toolbar
Undo / Redo οΈ / οΈ
V icon placeholder π₯
Window / Open / πͺ
Writing Directions
Oh. And obviously
-
@Hadden89 Itβs a bit sad. When this feature was introduced I edited every single menu, removing and adding entries, adding emoji to almost all entries and creating special folders to keep the amount of entries in check. But since the menus donβt sync Iβve given up on it. Nowadays I donβt add a single entry and only add emoji for the main menu and two or three other entries in different menus. Itβs far too much work to recreate this on fresh profiles. Moreover I try to never touch menus and do everything through quick commands, at least whatβs possible. Sync needs to step up, then I will take a look at it again. Vivaldi did a great job, but you canβt expect users to spend time on it over and over and over again.
-
@luetage I never truly did it because the menu were too much overcrowded. But yeah, without an import/export menu layout I highly doubt to do this operation again. So I really have to hope the profile 1 never dies*
Also I skipped some menus because mixing with the true icons is not a pleasent layout. -
@luetage My customised menu has not changed since I did this. How many devices do you need to customise?
-
@Pesala emojifing all-to-most menus even in two single profiles is very very annoying to do.
If the profile dies, everything is lost; layout and emojis.
@luetage Probably import/export would be better for menus. Different layouts for different profiles.
Enforcing sync for them could be not always wanted. -
@Hadden89 I think you are putting the cart before the horse.
The main reason for needing emoji is that the default menus are too long. First, edit the menus to remove every item that you never or seldom use. Second, remove submenu as far as possible for quicker navigation. Lastly, add emojis for some items to add as visual clues for quick selection.
-
@Pesala Is what I did; but the whole process took time: about 9 months
-
Is it possible to hide the default icons?
I would like to use all icons from the same source. So just "my" emojis and not mixed with Vivaldis default ones ^^
-
@oudstand Not possible Iβm afraid.
-
@luetage said in Menu emoji customization:
@oudstand Not possible Iβm afraid.
Sad. I wanted to do it with CSS, but I can't inspect the menu, because it disappears as soon as I try to inspect it ^^
-
@oudstand We canβt change the menu with custom CSS, or at least we have never found out how to do it in all those years. You have to live with it. Personally I donβt assign emoji to entries which already have an icon. Itβs ok.
-
@luetage said in Menu emoji customization:
@oudstand We canβt change the menu with custom CSS, or at least we have never found out how to do it in all those years. You have to live with it. Personally I donβt assign emoji to entries which already have an icon. Itβs ok.
Ah, that explains it
Thanks for your help -
CSS is no good for this!
Open bundle.js and after(() => {
add your own constants for icons. The icon itself in the string is converted to base64 format, for example:
const icon_uni_OPEN = "iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAArlBMVEVHcEzJpT7JpT67mD5yWymsiT6siT4AAAAAAACCZDWObjvJpT6HaDiScD3JpT7csnKsiT72x4X63aT0wn742J730JL0vHT+99zIpD6WdD6ObT764ar75rH3zIz98MDnu3r41Jm6lk/+89WbeT6jgT786reGZT61kj7527P97s776Mf748H637q9mT742rL97r3Am0P////p15zbwHHpx5r16cHSsH/31663lV8AzP+chndvAAAAD3RSTlMASIAwGfCYJDJJycCN5eDHjyVMAAAA30lEQVQY00XP25qCIBSGYdqC1YwiGpBaBppRbp72zf3f2MDSp77D9+RfCyGEJqPReLxc/gqBhoQQt9v1+nhwLmQR9Ka4TSllrPn73vi2r/taw7ddV5ZlmqrmawBpkphmM1ilAJIwNJW12XziDCCMopM1f7e305UBiPLc2S6LrAUGII7jc2DtL3R2AsiyDOzSGwCltP5YcQagjNXF4WMAbL0+OqNuo6gZyGDM3aJrCmJNH3w9m08R1q+2bV9RHlNrG40xRkRK+X4/n/d7e5TWCCHuY8/zVqvF4kdKQjCeon/IuCEBkOkBewAAAABJRU5ErkJggg==";
then we find the place of context menus in the code and add our icon, for example:
switch (t.action) { case "CONTEXT_OPEN_FILE": return { iconPNG: icon_uni_OPEN, iconPNGWhite: icon_uni_OPEN, ...o, ...i || s.numFiles < 2 ? (0, Hn.Z)("the file", "Open") : (0, Hn.Z)("Open Files")
That's about ~800 different places with icons)
Then there will be beautiful menus.
-
@Capushon Yes, and then rinse and repeat after every update
-
@luetage said in Menu emoji customization:
Yes, and then rinse and repeat after every update
Yes, beauty requires sacrifice )
-
@Capushon I agree ^^
-
@oudstand Usually can be done using
Open Link
f.ex usingvivaldi://settings
instead of the actual command (Vivaldi Settings...
). One funny exception is the link to Bug Report page which always add the vivaldi logo
Sadly, also removing all the icons, won't remove the gap (area reserved for menu icons).
Not always works though, because f.ex chromium settings only haschrome://settings
which will always put the blue gear icon. -
@luetage, another quick way to access Emojis on the keyboard is: LSHIFT+:; on Windows.