From 040753e3e6d459fdd66ec0a919487129ba586cd0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Mon, 29 Apr 2024 18:31:39 +0200
Subject: [PATCH] Improve black emojis accessibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 src/features/compose/editor/nodes/emoji-node.tsx | 2 +-
 src/styles/accessibility.scss                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/features/compose/editor/nodes/emoji-node.tsx b/src/features/compose/editor/nodes/emoji-node.tsx
index 767731930..00500f199 100644
--- a/src/features/compose/editor/nodes/emoji-node.tsx
+++ b/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' />;
     }
diff --git a/src/styles/accessibility.scss b/src/styles/accessibility.scss
index 00d5fe384..3ead76a0c 100644
--- a/src/styles/accessibility.scss
+++ b/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;