From 9ca7a1eb6a76e2a2b039b2c67965b61fa3df9c3b Mon Sep 17 00:00:00 2001
From: kek7198 <grayboy99@protonmail.com>
Date: Mon, 6 Dec 2021 11:44:41 -0600
Subject: [PATCH] fix

---
 files/assets/js/emoji_modal.js           | 8 ++++----
 files/helpers/jinja2.py                  | 2 +-
 files/templates/tailwind-class-list.html | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/files/assets/js/emoji_modal.js b/files/assets/js/emoji_modal.js
index 51f3fb1fa..a1791d1e1 100644
--- a/files/assets/js/emoji_modal.js
+++ b/files/assets/js/emoji_modal.js
@@ -812,7 +812,7 @@ function loadEmojis(form) {
 			let arr = EMOJIS_STRINGS[i].emojis
 
 			for (let j = 0; j < arr.length; j++) {
-				str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-200 w-16 h-16 overflow-hidden" onclick="getEmoji('${arr[j]}')" data-bs-toggle="tooltip" title=":${arr[j]}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${arr[j]}.webp" alt="${arr[j]}-emoji"></button>`;
+				str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-300 w-16 h-16 overflow-hidden" onclick="getEmoji('${arr[j]}')" data-bs-toggle="tooltip" title=":${arr[j]}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${arr[j]}.webp" alt="${arr[j]}-emoji"></button>`;
 			}
 
 			container.innerHTML = str
@@ -826,7 +826,7 @@ function loadEmojis(form) {
 			let container = document.getElementById(`EMOJIS_${EMOJIS_STRINGS[i].type}`)
 			for (let j = 0; j < arr.length; j++) {
 				if (arr[j].match(search_bar.value.toLowerCase()) || search_bar.value.toLowerCase().match(arr[j])) {
-					str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-200 w-16 h-16 overflow-hidden" onclick="getEmoji('${arr[j]}')" data-bs-toggle="tooltip" title=":${arr[j]}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${arr[j]}.webp" alt="${arr[j]}-emoji"></button>`;
+					str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-300 w-16 h-16 overflow-hidden" onclick="getEmoji('${arr[j]}')" data-bs-toggle="tooltip" title=":${arr[j]}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${arr[j]}.webp" alt="${arr[j]}-emoji"></button>`;
 				}
 			}
 
@@ -836,12 +836,12 @@ function loadEmojis(form) {
 				for (const [key, value] of Object.entries(arr2)) {
 					if (str.includes(`'${key}'`)) continue;
 					if (key.match(search_bar.value.toLowerCase()) || search_bar.value.toLowerCase().match(key)) {
-						str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-200 w-16 h-16 overflow-hidden" onclick="getEmoji('${key}')" data-bs-toggle="tooltip" title=":${key}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${key}.webp" alt="${key}-emoji"></button>`;
+						str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-300 w-16 h-16 overflow-hidden" onclick="getEmoji('${key}')" data-bs-toggle="tooltip" title=":${key}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${key}.webp" alt="${key}-emoji"></button>`;
 					}
 					else {
 						for (let j = 0; j < value.length; j++) {
 							if (value[j].match(search_bar.value.toLowerCase())) {
-								str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-200 w-16 h-16 overflow-hidden" onclick="getEmoji('${key}')" data-bs-toggle="tooltip" title=":${key}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${key}.webp" alt="${key}-emoji"></button>`;
+								str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-300 w-16 h-16 overflow-hidden" onclick="getEmoji('${key}')" data-bs-toggle="tooltip" title=":${key}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${key}.webp" alt="${key}-emoji"></button>`;
 								break;
 							}
 						}
diff --git a/files/helpers/jinja2.py b/files/helpers/jinja2.py
index 7606977a3..2a8ee3a2a 100644
--- a/files/helpers/jinja2.py
+++ b/files/helpers/jinja2.py
@@ -27,7 +27,7 @@ def favorite_emojis(x):
 	str = ""
 	emojis = sorted(x.items(), key=lambda x: x[1], reverse=True)[:25]
 	for k, v in emojis:
-		str += f'<button class="m-1 p-[3px] bg-transparent hover:bg-gray-200 w-16 h-16 overflow-hidden" onclick="getEmoji(\'{k}\')" data-bs-toggle="tooltip" title=":{k}:" delay:="0"><img loading="lazy" width=50 src="/assets/images/emojis/{k}.webp" alt="{k}-emoji"></button>'
+		str += f'<button class="m-1 p-[3px] bg-transparent hover:bg-gray-300 w-16 h-16 overflow-hidden" onclick="getEmoji(\'{k}\')" data-bs-toggle="tooltip" title=":{k}:" delay:="0"><img loading="lazy" width=50 src="/assets/images/emojis/{k}.webp" alt="{k}-emoji"></button>'
 	return str
 
 @app.context_processor
diff --git a/files/templates/tailwind-class-list.html b/files/templates/tailwind-class-list.html
index a720d9ab3..701e73294 100644
--- a/files/templates/tailwind-class-list.html
+++ b/files/templates/tailwind-class-list.html
@@ -1 +1 @@
-<div class="animate-pulse hover:bg-gray-200"></div>
\ No newline at end of file
+<div class="animate-pulse hover:bg-gray-300"></div>
\ No newline at end of file