From d997fb520a51f47f5c971e53594deff716da3d62 Mon Sep 17 00:00:00 2001
From: Lynx Kotoura <admin@sanin.link>
Date: Sun, 10 Jun 2018 05:21:37 +0900
Subject: [PATCH] Fix background color of emoji-mart-bar in light theme (#7768)

* Fix background color of emoji-mart-bar

* Uniform emoji-mart-search background color in light theme as default
---
 app/javascript/styles/mastodon-light/diff.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/app/javascript/styles/mastodon-light/diff.scss b/app/javascript/styles/mastodon-light/diff.scss
index 460dc53a9f..2deec6bf4c 100644
--- a/app/javascript/styles/mastodon-light/diff.scss
+++ b/app/javascript/styles/mastodon-light/diff.scss
@@ -47,6 +47,19 @@
   background: darken($ui-base-color, 6%);
 }
 
+.emoji-mart-bar {
+  border-color: lighten($ui-base-color, 8%);
+
+  &:first-child {
+    background: $ui-base-color;
+  }
+}
+
+.emoji-mart-search input {
+  background: rgba($ui-base-color, 0.3);
+  border-color: $ui-base-color;
+}
+
 .focusable:focus {
   background: $ui-base-color;
 }