[mirotalksfu] - improve emoji picker UI

public/css/GroupChat.css

@@ -277,6 +277,11 @@
     position: absolute;
     left: 5px;
     bottom: 135px;
+    border: var(--border);
+    border-radius: 5px;
+    --rgb-background: var(--body-bg);
+    --color-border-over: var(--body-bg);
+    --font-family: 'Comfortaa';
 }
 
 /* status */

public/css/Room.css

@@ -926,8 +926,12 @@ th {
     display: none;
     top: 50%;
     left: 50%;
-    background: #151616;
+    background: var(--body-bg);
     border-radius: 10px;
+    border: var(--border);
+    --rgb-background: var(--body-bg);
+    --color-border-over: var(--body-bg);
+    --font-family: 'Comfortaa';
     transform: translate(-50%, -50%);
 }
 
@@ -936,16 +940,19 @@ th {
     position: absolute;
     left: 80px;
     bottom: 60px;
+    --rgb-background: var(--body-bg);
+    --color-border-over: var(--body-bg);
+    --font-family: 'Comfortaa';
 }
 
 .emojiPickerHeader {
     display: flex;
+    padding: 10px;
     justify-content: flex-start;
-    background: #151616;
+    color: #fff;
+    background: var(--body-bg);
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
-    padding: 10px;
-    color: #fff;
     cursor: move;
 }
 

public/js/Room.js

@@ -11,7 +11,7 @@ if (location.href.substr(0, 5) !== 'https') location.href = 'https' + location.h
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.5.27
+ * @version 1.5.28
  *
  */
 
@@ -4318,7 +4318,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.5.27',
+        title: 'WebRTC SFU v1.5.28',
         html: `
         <br />
         <div id="about">

public/js/RoomClient.js

@@ -9,7 +9,7 @@
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.5.27
+ * @version 1.5.28
  *
  */