[mirotalksfu] - add blue theme

veriphai · Jun 5, 2023 · d011689 · d011689
1 parent a9cf10e
commit d011689
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git 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
@@ -330,6 +330,7 @@ <h1>Loading</h1>
                         <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>