From 3e5844aed58fac0768853e916251fcd02e9aff33 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Wed, 7 Jun 2023 16:16:00 +0200
Subject: [PATCH] [mirotalksfu] - improve theme

---
 public/css/Room.css | 7 ++++---
 public/js/Room.js   | 5 +++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/public/css/Room.css b/public/css/Room.css
index dec80dd2..51db1edf 100644
--- a/public/css/Room.css
+++ b/public/css/Room.css
@@ -44,6 +44,7 @@
     --wb-width: 800px;
     --wb-height: 600px;
     --wb-bg: radial-gradient(#393939, #000000);
+    --select-bg: #2c2c2c;
     --left-msg-bg: #252d31;
     --right-msg-bg: #056162;
     --private-msg-bg: #6b1226;
@@ -96,7 +97,7 @@ body {
 }
 
 #google_translate_element select {
-    background-color: #2c2c2c !important;
+    background-color: var(--select-bg) !important;
     box-shadow: none !important;
 }
 
@@ -141,7 +142,7 @@ body {
     width: 100%;
     margin-top: 15px;
     padding: 10px;
-    background-color: #2c2c2c !important;
+    background-color: var(--select-bg) !important;
     color: white;
     border: var(--border);
     border-radius: 5px;
@@ -271,7 +272,7 @@ body {
     max-width: 310px;
     height: 40px;
     color: #fff;
-    background-color: #2c2c2c !important;
+    background-color: var(--select-bg) !important;
     border: var(--border);
     border-radius: 5px;
     box-shadow: none;
diff --git a/public/js/Room.js b/public/js/Room.js
index 1cc293c9..44efa6c5 100644
--- a/public/js/Room.js
+++ b/public/js/Room.js
@@ -2298,6 +2298,7 @@ function setTheme(theme) {
             document.documentElement.style.setProperty('--msger-bg', 'radial-gradient(#393939, #000000)');
             document.documentElement.style.setProperty('--left-msg-bg', '#252d31');
             document.documentElement.style.setProperty('--right-msg-bg', '#056162');
+            document.documentElement.style.setProperty('--select-bg', '#2c2c2c');
             document.documentElement.style.setProperty('--settings-bg', 'radial-gradient(#393939, #000000)');
             document.documentElement.style.setProperty('--wb-bg', 'radial-gradient(#393939, #000000)');
             document.documentElement.style.setProperty('--btns-bg-color', 'rgba(0, 0, 0, 0.7)');
@@ -2310,6 +2311,7 @@ function setTheme(theme) {
             document.documentElement.style.setProperty('--msger-bg', 'radial-gradient(#666, #333)');
             document.documentElement.style.setProperty('--left-msg-bg', '#252d31');
             document.documentElement.style.setProperty('--right-msg-bg', '#056162');
+            document.documentElement.style.setProperty('--select-bg', '#2c2c2c');
             document.documentElement.style.setProperty('--settings-bg', 'radial-gradient(#666, #333)');
             document.documentElement.style.setProperty('--wb-bg', 'radial-gradient(#797979, #000)');
             document.documentElement.style.setProperty('--btns-bg-color', 'rgba(0, 0, 0, 0.7)');
@@ -2322,6 +2324,7 @@ function setTheme(theme) {
             document.documentElement.style.setProperty('--msger-bg', 'radial-gradient(#003934, #001E1A)');
             document.documentElement.style.setProperty('--left-msg-bg', '#003934');
             document.documentElement.style.setProperty('--right-msg-bg', '#001E1A');
+            document.documentElement.style.setProperty('--select-bg', '#001E1A');
             document.documentElement.style.setProperty('--settings-bg', 'radial-gradient(#003934, #001E1A)');
             document.documentElement.style.setProperty('--wb-bg', 'radial-gradient(#003934, #001E1A)');
             document.documentElement.style.setProperty('--btns-bg-color', 'radial-gradient(#003934, #001E1A)');
@@ -2334,6 +2337,7 @@ function setTheme(theme) {
             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('--select-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', 'radial-gradient(#141B41, #306bac)');
@@ -2346,6 +2350,7 @@ function setTheme(theme) {
             document.documentElement.style.setProperty('--msger-bg', 'radial-gradient(#69140E, #3C1518)');
             document.documentElement.style.setProperty('--left-msg-bg', '#69140E');
             document.documentElement.style.setProperty('--right-msg-bg', '#3C1518');
+            document.documentElement.style.setProperty('--select-bg', '#3C1518');
             document.documentElement.style.setProperty('--settings-bg', 'radial-gradient(#69140E, #3C1518)');
             document.documentElement.style.setProperty('--wb-bg', 'radial-gradient(#69140E, #3C1518)');
             document.documentElement.style.setProperty('--btns-bg-color', 'radial-gradient(#69140E, #3C1518)');