Rich content in menu bar

[matryer]

The Tray menu (the item that sits in the menu bar) does not support rich content (fonts, colours, etc.) unlike the menu items in the dropdown.

@leaanthony What's involved in getting this added to Wails?

[leaanthony]

It'll be a bit of a refactor but it shouldn't be impossible 😃

[omeraloni]

On the same note, BitBar supported Nerd Fonts, which allowed using custom icons:

In xBar, those fonts show up like this:

[matryer]

Thanks @omeraloni - you're right, I think that is related, don't you @leaanthony?

[leaanthony]

I would think so, assuming you need to install nerd fonts on your system to make it work.

[omeraloni]

@leaanthony yep, you need to install them to make it work

[matryer]

@omeraloni we think this is fixed in the latest release, can you test it and let me know?

[furkantektas]

@matryer It works, thank you. I didn't test custom fonts but specified font colour is now working on the last update.

[matryer]

Thanks @furkantektas.

[kazhala]

Hi @matryer,

Thanks for the huge update to bitbar. I just ported scripts from bitbar to xbar which does utilise nerd font and while the colour/font size is working fine, the nerd front is not being displayed properly.

OS: 10.15.4
xbar: v2.0.32-beta

print(" | size=27 font='DejaVuSansMono Nerd Font Mono'")
print("---")
for alarm in alarms:
    print("%s  %s" % (alarm["Name"], alarm["State"]))

Running the above script in both bitbar and xbar (left is bitbar and right is xbar):

Seems like the custom font issue is still present, could we reopen this issue. Really appreciate all the work.

Thanks,
Kevin

[leaanthony]

Hi there. We are currently using the postscript name for the font discovery. So

DejaVuSansMonoNerdFontCompleteM-Book

works. That being said the icon is quite high up. Any ideas why this font might do that?

[kazhala]

Hi @leaanthony,

Thanks for the hint. The font is showing properly using the postscript location.

Regarding the weird placement, I'm not really sure. It's actually slightly lower on my system when the font size is bigger...mostly likely either mine is an older version of the font or maybe OS version difference?

The placement of the icon will also change when the font size increase/decrease. Not sure how this can be fixed unless there's a way to center the font?

[leaanthony]

I'll have another look at it. On my system, it went higher the bigger it was. Almost like it only occupied the top half of the space allocated. I guess font icons will always be subject to local environmental differences, which is why images are the preceded solution.

[leaanthony]

@kazhala - Just wanted to say thanks for bringing my attention to the font naming issue. I've made a change in Wails to allow the name to be more permissive and tried with your original script and it appears to be working as you originally expected:

echo " | size=26 font='DejaVuSansMono Nerd Font Mono'"
echo "---"

I've pushed a change for xbar so this will be included in the next release. Thanks for helping us improve 👍

EDIT: Just found this thread that may explain why the icon looks small for me: ryanoasis/nerd-fonts#127

[kazhala]

Hi @leaanthony, thank you for the hard work and quick action on the matter. Really appreciated!