aheh/mirotalk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[mirotalk] - add blue theme

Browse Source
This commit is contained in:
Miroslav Pejic
2023-06-05 16:04:42 +02:00
parent 7358521cb8
commit ed2fa1130c
2 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/client.js
+18
View File
@@ -1841,6 +1841,24 @@ function setTheme(theme) {
document.body.style.background = 'radial-gradient(#003934, #001E1A)';
mirotalkTheme.selectedIndex = 2;
break;
case 'blue':
// blue theme
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('--wb-bg', 'radial-gradient(#306bac, #141B41)');
document.documentElement.style.setProperty('--navbar-bg', 'rgba(0, 0, 0, 0.2)');
document.documentElement.style.setProperty('--tab-btn-active', '#306bac');
document.documentElement.style.setProperty('--box-shadow', '0px 8px 16px 0px rgba(0, 0, 0, 0.2)');
document.documentElement.style.setProperty('--msger-private-bg', 'radial-gradient(#666, #333)');
document.documentElement.style.setProperty('--left-msg-bg', '#306bac');
document.documentElement.style.setProperty('--right-msg-bg', '#141B41');
document.documentElement.style.setProperty('--private-msg-bg', '#6b1226');
document.documentElement.style.setProperty('--btn-bar-bg-color', '#FFFFFF');
document.documentElement.style.setProperty('--btn-bar-color', '#000000');
document.body.style.background = 'radial-gradient(#306bac, #141B41)';
mirotalkTheme.selectedIndex = 3;
break;
// ...
default:
return console.log('No theme found');
public/views/client.html
+1
View File
@@ -357,6 +357,7 @@ access to use this app.
<option value="dark">⚫️ Dark</option>
<option value="grey">⚪️ Grey</option>
<option value="green">🟢 Green</option>
<option value="blue">🔵 Blue</option>
</select>
<br /><br />
<label>Video fit:</label>