Improve black emojis accessibility

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

src/features/compose/editor/nodes/emoji-node.tsx

@@ -81,7 +81,7 @@ class EmojiNode extends DecoratorNode<JSX.Element> {
   decorate(): JSX.Element {
     const emoji = this.__emoji;
     if (isNativeEmoji(emoji)) {
-      return <Component emoji={emoji.native} alt={emoji.colons} className='emojione h-4 w-4' />;
+      return <Component emoji={emoji.native} alt={emoji.colons} title={emoji.colons} className='emojione h-4 w-4' />;
     } else {
       return <Component src={emoji.imageUrl} alt={emoji.colons} className='emojione h-4 w-4' />;
     }

src/styles/accessibility.scss

@@ -5,7 +5,7 @@ $black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_sq
   transform: scale(0.71);
 }
 
-.emojione {
+.dark .emojione {
   @each $emoji in $black-emojis {
     &[title=':#{$emoji}:'] {
       @extend %white-emoji-outline;