From 8fe2f3a770bd22b48fb694879c7a7fb7e7c143af Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Sun, 6 Apr 2025 13:05:29 +0200
Subject: [PATCH] [mirotalk] - #280 add dark-yellow bg for private message

---
 app/src/server.js     |  2 +-
 package.json          |  2 +-
 public/css/client.css |  2 +-
 public/js/brand.js    |  2 +-
 public/js/client.js   | 24 ++++++++++++------------
 5 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/app/src/server.js b/app/src/server.js
index 368618c5..6b5b46c9 100755
--- a/app/src/server.js
+++ b/app/src/server.js
@@ -45,7 +45,7 @@ dependencies: {
  * @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.4.98
+ * @version 1.4.99
  *
  */
 
diff --git a/package.json b/package.json
index 844ec614..377d33e5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalk",
-    "version": "1.4.98",
+    "version": "1.4.99",
     "description": "A free WebRTC browser-based video call",
     "main": "server.js",
     "scripts": {
diff --git a/public/css/client.css b/public/css/client.css
index a006889a..c8664b38 100755
--- a/public/css/client.css
+++ b/public/css/client.css
@@ -83,7 +83,7 @@
     /* chat msg boble */
     --left-msg-bg: #252d31;
     --right-msg-bg: #056162;
-    --private-msg-bg: #6b1226;
+    --private-msg-bg: #d4a017; /* Bright yellow */
 
     /* volume detected */
     --volume-up: 0px 8px 16px 0px rgb(249, 253, 0);
diff --git a/public/js/brand.js b/public/js/brand.js
index dfde68dc..4e591125 100644
--- a/public/js/brand.js
+++ b/public/js/brand.js
@@ -73,7 +73,7 @@ let brand = {
     },
     about: {
         imageUrl: '../images/mirotalk-logo.gif',
-        title: 'WebRTC P2P v1.4.98',
+        title: 'WebRTC P2P v1.4.99',
         html: `
             <button 
                 id="support-button" 
diff --git a/public/js/client.js b/public/js/client.js
index b58c17e4..348f1b2e 100644
--- a/public/js/client.js
+++ b/public/js/client.js
@@ -15,7 +15,7 @@
  * @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.4.98
+ * @version 1.4.99
  *
  */
 
@@ -2493,7 +2493,7 @@ function setCustomTheme() {
     setSP('--box-shadow', '0px 8px 16px 0px rgba(0, 0, 0, 0.2)');
     setSP('--left-msg-bg', '#252d31');
     setSP('--right-msg-bg', `${color}`);
-    setSP('--private-msg-bg', '#6b1226');
+    setSP('--private-msg-bg', '#d4a017');
     setSP('--btn-bar-bg-color', '#FFFFFF');
     setSP('--btn-bar-color', '#000000');
     setSP('--btns-bg-color', `${color}`);
@@ -2523,7 +2523,7 @@ function setTheme() {
             setSP('--box-shadow', '0px 8px 16px 0px rgba(0, 0, 0, 0.4)');
             setSP('--left-msg-bg', '#353535');
             setSP('--right-msg-bg', '#4a4a4a');
-            setSP('--private-msg-bg', '#2a2a2a');
+            setSP('--private-msg-bg', '#d4a017');
             setSP('--btn-bar-bg-color', '#FFFFFF');
             setSP('--btn-bar-color', '#000000');
             setSP('--btns-bg-color', 'rgba(0, 0, 0, 0.7)');
@@ -2545,7 +2545,7 @@ function setTheme() {
             setSP('--msger-private-bg', 'radial-gradient(#4f4f4f, #1c1c1c)');
             setSP('--left-msg-bg', '#353535');
             setSP('--right-msg-bg', '#4a4a4a');
-            setSP('--private-msg-bg', '#616161');
+            setSP('--private-msg-bg', '#d4a017');
             setSP('--btn-bar-bg-color', '#FFFFFF');
             setSP('--btn-bar-color', '#000000');
             setSP('--btns-bg-color', 'rgba(0, 0, 0, 0.7)');
@@ -2567,7 +2567,7 @@ function setTheme() {
             setSP('--msger-private-bg', 'radial-gradient(#4f4f4f, #1c1c1c)');
             setSP('--left-msg-bg', '#004d40');
             setSP('--right-msg-bg', '#00312c');
-            setSP('--private-msg-bg', '#004a47');
+            setSP('--private-msg-bg', '#d4a017');
             setSP('--btn-bar-bg-color', '#FFFFFF');
             setSP('--btn-bar-color', '#000000');
             setSP('--btns-bg-color', 'rgba(0, 42, 34, 0.7)');
@@ -2589,7 +2589,7 @@ function setTheme() {
             setSP('--msger-private-bg', 'radial-gradient(#4f4f4f, #1c1c1c)');
             setSP('--left-msg-bg', '#1a237e');
             setSP('--right-msg-bg', '#0d1b34');
-            setSP('--private-msg-bg', '#1a237e');
+            setSP('--private-msg-bg', '#d4a017');
             setSP('--btn-bar-bg-color', '#FFFFFF');
             setSP('--btn-bar-color', '#000000');
             setSP('--btns-bg-color', 'rgba(0, 39, 77, 0.7)');
@@ -2610,7 +2610,7 @@ function setTheme() {
             setSP('--msger-private-bg', 'radial-gradient(#4f4f4f, #1c1c1c)');
             setSP('--left-msg-bg', '#8B0000');
             setSP('--right-msg-bg', '#4B0000');
-            setSP('--private-msg-bg', '#8B0000');
+            setSP('--private-msg-bg', '#d4a017');
             setSP('--btn-bar-bg-color', '#FFFFFF');
             setSP('--btn-bar-color', '#000000');
             setSP('--btns-bg-color', 'rgba(42, 13, 13, 0.7)');
@@ -2632,7 +2632,7 @@ function setTheme() {
             setSP('--msger-private-bg', 'radial-gradient(#4f4f4f, #1c1c1c)');
             setSP('--left-msg-bg', '#4B0082');
             setSP('--right-msg-bg', '#2C003E');
-            setSP('--private-msg-bg', '#4B0082');
+            setSP('--private-msg-bg', '#d4a017');
             setSP('--btn-bar-bg-color', '#FFFFFF');
             setSP('--btn-bar-color', '#000000');
             setSP('--btns-bg-color', 'rgba(42, 0, 29, 0.7)');
@@ -2654,7 +2654,7 @@ function setTheme() {
             setSP('--msger-private-bg', 'radial-gradient(#4f4f4f, #1c1c1c)');
             setSP('--left-msg-bg', '#FF8C00');
             setSP('--right-msg-bg', '#4B1C00');
-            setSP('--private-msg-bg', '#FF8C00');
+            setSP('--private-msg-bg', '#d4a017');
             setSP('--btn-bar-bg-color', '#FFFFFF');
             setSP('--btn-bar-color', '#000000');
             setSP('--btns-bg-color', 'rgba(61, 26, 0, 0.7)');
@@ -2676,7 +2676,7 @@ function setTheme() {
             setSP('--msger-private-bg', 'radial-gradient(#4f4f4f, #1c1c1c)');
             setSP('--left-msg-bg', '#FFD700');
             setSP('--right-msg-bg', '#B8860B');
-            setSP('--private-msg-bg', '#FFD700');
+            setSP('--private-msg-bg', '#d4a017');
             setSP('--btn-bar-bg-color', '#FFFFFF');
             setSP('--btn-bar-color', '#000000');
             setSP('--btns-bg-color', 'rgba(77, 59, 0, 0.7)');
@@ -8574,7 +8574,7 @@ async function getChatGPTmessage(msg) {
 function hideShowEmojiPicker() {
     if (!isChatEmojiVisible) {
         elemDisplay(msgerEmojiPicker, true, 'block');
-        setColor(msgerEmojiBtn, '#FFFF00');
+        setColor(msgerEmojiBtn, '#d4a017');
         isChatEmojiVisible = true;
         return;
     }
@@ -11080,7 +11080,7 @@ function showAbout() {
     Swal.fire({
         background: swBg,
         position: 'center',
-        title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.4.98',
+        title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.4.99',
         imageUrl: brand.about?.imageUrl && brand.about.imageUrl.trim() !== '' ? brand.about.imageUrl : images.about,
         customClass: { image: 'img-about' },
         html: `