[mirotalksfu] - improve UI

veriphai · Jun 5, 2023 · 4b35437 · 4b35437
1 parent 5a622d3
commit 4b35437
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/public/css/Room.css b/public/css/Room.css
@@ -325,12 +325,11 @@ th {
 
 /* Style the buttons inside the tab */
 .tab button {
-    margin: 2px;
-    padding: 14px 16px;
+    margin: 3px;
+    padding: 12px;
     float: left;
-    font-size: 0.8rem;
     color: #fff;
-    border: none;
+    border: var(--border);
     background-color: rgba(0, 0, 0, 0.2);
     outline: none;
     cursor: pointer;

diff --git a/public/js/Room.js b/public/js/Room.js
@@ -2308,7 +2308,7 @@ function setTheme(theme) {
             document.documentElement.style.setProperty('--right-msg-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', '#001E1A');
+            document.documentElement.style.setProperty('--btns-bg-color', 'radial-gradient(#003934, #001E1A)');
             document.body.style.background = 'radial-gradient(#003934, #001E1A)';
             selectTheme.selectedIndex = 2;
             break;
@@ -2320,7 +2320,7 @@ function setTheme(theme) {
             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.documentElement.style.setProperty('--btns-bg-color', 'radial-gradient(#306bac, #141B41)');
             document.body.style.background = 'radial-gradient(#306bac, #141B41)';
             selectTheme.selectedIndex = 3;
             break;
@@ -2332,7 +2332,7 @@ function setTheme(theme) {
             document.documentElement.style.setProperty('--right-msg-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', '#3C1518');
+            document.documentElement.style.setProperty('--btns-bg-color', 'radial-gradient(#69140E, #3C1518)');
             document.body.style.background = 'radial-gradient(#69140E, #3C1518)';
             selectTheme.selectedIndex = 4;
             break;