From 9187a3e3c541c6ff2c7e02f95cae5d49dcdd746d Mon Sep 17 00:00:00 2001
From: alexanderroese <github@roese.dev>
Date: Wed, 14 Aug 2024 00:20:39 +0200
Subject: [PATCH] add info message for space between emoji and text

---
 snippets/shx-3d-render-input.liquid | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/snippets/shx-3d-render-input.liquid b/snippets/shx-3d-render-input.liquid
index 167bcc5..a700c01 100644
--- a/snippets/shx-3d-render-input.liquid
+++ b/snippets/shx-3d-render-input.liquid
@@ -604,8 +604,8 @@
                 } else if (emojisSupported && !isEmojiSpacingOk(value)) {
                     console.warn("here in", document.querySelector('#shx-info-text'))
                     document.querySelector('#shx-info-text').style.display = 'block';
-                    document.querySelector('#shx-info-text').style.color = 'red';
-                    document.querySelector('#shx-info-text').style.innerHTML = 'Tipp: Füge Leerzeichen zwischen Text und Emojis ein, um den Text besser lesbar zu machen.';
+                    document.querySelector('#shx-info-text').style.color = '#45aaf2';
+                    document.querySelector('#shx-info-text').innerHTML = 'Tipp: Füge <strong>Leerzeichen</strong> zwischen <strong>Text</strong> und <strong>Emojis</strong> ein, um den Text besser lesbar zu machen.';
 
                     // hide the text after 8 seconds
                     setTimeout(() => {