From e260f845848c90c82ac0e628d4ad89eb6cfe0277 Mon Sep 17 00:00:00 2001
From: John Livingston <git@john-livingston.fr>
Date: Tue, 30 Nov 2021 18:57:58 +0100
Subject: [PATCH] Fix emoji picker colors.

---
 conversejs/custom/sass/_peertubetheme.scss | 42 ++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/conversejs/custom/sass/_peertubetheme.scss b/conversejs/custom/sass/_peertubetheme.scss
index 7bb3122e..79bfedf8 100644
--- a/conversejs/custom/sass/_peertubetheme.scss
+++ b/conversejs/custom/sass/_peertubetheme.scss
@@ -4,6 +4,48 @@
       color: var(--peertube-main-foreground);
       background-color: var(--peertube-main-background);
     }
+
+    // Fixing emoji colors for some emoji like «motorcycle»
+    converse-emoji-picker {
+      .emoji-picker {
+        .insert-emoji {
+          a {
+            color: currentColor;
+          }
+        }
+      }
+
+      .emoji-picker__header {
+        color: var(--peertube-main-background);
+        background-color: var(--peertube-main-foreground);
+
+        ul {
+          .emoji-category {
+            color: var(--peertube-main-background);
+            background-color: var(--peertube-main-foreground);
+
+            a {
+              color: currentColor;
+            }
+
+            &.picked {
+              color: var(--peertube-main-foreground);
+              background-color: var(--peertube-main-background);
+
+              a {
+                color: currentColor;
+              }
+            }
+
+            &.selected a,
+            &:hover a {
+              color: var(--peertube-grey-foreground);
+              background-color: var(--peertube-grey-background);
+            }
+          }
+        }
+      }
+    }
   }
 
   .modal-content {