From 0bc5242fee4587aeabdf475ae045660382ef7cef Mon Sep 17 00:00:00 2001
From: Mirco Wittrien <mirco.wittrien@gmail.com>
Date: Tue, 4 Feb 2020 14:56:27 +0100
Subject: [PATCH] Update BasicBackground.css

---
 Themes/BasicBackground/BasicBackground.css | 24 +++++++++++++---------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css
index 7dd68d062d..f9a4ebad91 100644
--- a/Themes/BasicBackground/BasicBackground.css
+++ b/Themes/BasicBackground/BasicBackground.css
@@ -21,6 +21,7 @@
 	--vtransparencycolor:			var(--transparencycolor,			var(--dtransparencycolor));
 	--vtransparencyalpha:			var(--transparencyalpha,			var(--dtransparencyalpha));
 	--vmessagetransparency:			var(--messagetransparency,			var(--dmessagetransparency));
+	--vusechatbubbles: 				calc(var(--vmessagetransparency) / (var(--vmessagetransparency) + 0.00000000000000000000001));
 	--vguildchanneltransparency:	var(--guildchanneltransparency,		var(--dguildchanneltransparency));
 	--vmemberlisttransparency:		var(--memberlisttransparency,		var(--dmemberlisttransparency));
 	--vaccentcolor:					var(--accentcolor,					var(--daccentcolor));
@@ -792,18 +793,21 @@ body:before {
 .preview-2nSL_2 .container-3FojY8,
 .messageGroupCozy-2iY6cT,
 .messageGroupCozy-1BZuO8 {
-	background-color: rgba(var(--vtransparencycolor),var(--vmessagetransparency));
+	background-color: rgba(var(--vtransparencycolor), var(--vmessagetransparency));
 }
 .message-2qnXI6.selected-2P5D_Z, 
 .mouse-mode .message-2qnXI6:hover {
-	background-color: rgba(var(--vtransparencycolor),calc(var(--vmessagetransparency) * 1.2));
+    background-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 1.2 * var(--vusechatbubbles) + 0.3 * (1 - var(--vusechatbubbles))));
+}
+.message-2qnXI6.mentioned-xhSam7 {
+	background-image: linear-gradient(rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles)))), rgba(var(--vaccentcolor), calc(0.2 * (1 - var(--vusechatbubbles)))));
 }
 .message-2qnXI6.mentioned-xhSam7:before {					/* message				mentioned							*/
 	background-color: rgb(var(--vaccentcolor));
 }
 .message-2qnXI6.mentioned-xhSam7 .markup-2BOw-j {
 	border-radius: 3px;
-	background-color: rgba(var(--vaccentcolor), 0.3);
+	background-color: rgba(var(--vaccentcolor), calc(0.3 * var(--vusechatbubbles)));
 }
 .systemMessage-1I9LCe .iconContainer-3GkGRf {
 	background-color: rgba(var(--vtransparencycolor), var(--vmessagetransparency));
@@ -840,20 +844,20 @@ body:before {
 }
 .message-2qnXI6.cozyMessage-3V1Y8y,
 .preview-2nSL_2 .container-3FojY8 {
-	padding-left: 10px;
-	margin-left: 80px;
+    padding-left: calc(1px * (10 * var(--vusechatbubbles) + 72 * (1 - var(--vusechatbubbles))));
+    margin-left: calc(80px * var(--vusechatbubbles));
 }
 .avatar-1BDn8e {
-	left: -10px;
+    left: calc(-10px * var(--vusechatbubbles));
 }
 .timestampCozyAlt-1Hs08c {
-	margin-left: -80px;
+    margin-left: calc(-80px * var(--vusechatbubbles));
 }
 .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT,
 .searchResult-3pzFAB .messageGroupCozy-1BZuO8 {
 	border-radius: 5px;
-	padding-left: 10px;
-	margin-left: 60px;
+    padding-left: calc(1px * (10 * var(--vusechatbubbles) + 72 * (1 - var(--vusechatbubbles))));
+    margin-left: calc(60px * var(--vusechatbubbles));
 }
 
 .expanded-13sWhZ {											/* message				expanded blocked					*/
@@ -1190,7 +1194,7 @@ body:before {
 	background-attachment: fixed;
 }
 .theme-brand .autocomplete-1vrmpx {
-	background: rgb(var(--vaccentcolor)) linear-gradient(rgba(var(--vtransparencycolor), 0.2), rgba(var(--vtransparencycolor), 0.2))!important;
+	background: rgb(var(--vaccentcolor)) linear-gradient(rgba(var(--vtransparencycolor), 0.2), rgba(var(--vtransparencycolor), 0.2)) !important;
 }
 .theme-brand .autocomplete-1vrmpx:after,
 .theme-brand .autocomplete-1vrmpx:before {