[mirotalksfu] - improve theme

هذا الالتزام موجود في:
Miroslav Pejic
2023-06-07 16:16:00 +02:00
الأصل 6efbcab1f1
التزام 3e5844aed5
2 ملفات معدلة مع 9 إضافات و3 حذوفات

عرض الملف

@@ -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;

عرض الملف

@@ -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)');