nextcloud-libraries/nextcloud-vue

Ability to change skin tone for emojis

Closed this issue · 2 comments

Currently it is not possible to change the skin tone for emojis in the picker, it is always the yellow default.

The library we use actually allows for this and the design looks exactly like Twitter, it’s just something we have to enable again: https://serebrov.github.io/emoji-mart-vue/

The only question is how it will look like when opened. There are 2 states that I can see. It would be nice if we can use the left version with the simple "Pick your emoji" instead of the big EmojiMart branding.

Demo page linked above, looks nice "Custom dialog", with huge "EmojiMart" branding
image image

And additional point for Text, Collectives and Mail etc where the emoji picker is used by typing :, there the skin tone choice would need to be respected and remembered as well.