From d0116898329b49cf2005ed177a36205d21eb6ddd Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Mon, 5 Jun 2023 16:05:31 +0200
Subject: [PATCH] [mirotalksfu] - add blue theme

---
 public/js/Room.js      | 12 ++++++++++++
 public/views/Room.html |  1 +
 2 files changed, 13 insertions(+)

diff --git a/public/js/Room.js b/public/js/Room.js
index 6b189971..699c1423 100644
--- a/public/js/Room.js
+++ b/public/js/Room.js
@@ -2312,6 +2312,18 @@ function setTheme(theme) {
             document.body.style.background = 'radial-gradient(#003934, #001E1A)';
             selectTheme.selectedIndex = 2;
             break;
+        case 'blue':
+            swalBackground = 'radial-gradient(#306bac, #141B41)';
+            document.documentElement.style.setProperty('--body-bg', 'radial-gradient(#306bac, #141B41)');
+            document.documentElement.style.setProperty('--msger-bg', 'radial-gradient(#306bac, #141B41)');
+            document.documentElement.style.setProperty('--left-msg-bg', '#306bac');
+            document.documentElement.style.setProperty('--right-msg-bg', '#141B41');
+            document.documentElement.style.setProperty('--settings-bg', 'radial-gradient(#306bac, #141B41)');
+            document.documentElement.style.setProperty('--wb-bg', 'radial-gradient(#306bac, #141B41)');
+            document.documentElement.style.setProperty('--btns-bg-color', '#141B41');
+            document.body.style.background = 'radial-gradient(#306bac, #141B41)';
+            selectTheme.selectedIndex = 3;
+            break;
         //...
     }
     lsSettings.theme = theme;
diff --git a/public/views/Room.html b/public/views/Room.html
index b3da3131..7dff4516 100644
--- a/public/views/Room.html
+++ b/public/views/Room.html
@@ -330,6 +330,7 @@ access to use this app.
                         <option value="dark">⚫ &nbsp;Dark</option>
                         <option value="grey">⚪ &nbsp;Grey</option>
                         <option value="green">🟢 &nbsp;Green</option>
+                        <option value="blue">🔵 &nbsp;Blue</option>
                     </select>
                     <br />
                     <p>Buttons bar:</p>