Update callview backdrop

Signed-off-by: Marco Ambrosini <marcoambrosini@icloud.com>

src/App.vue

@@ -510,6 +510,10 @@ export default {
 
 .content {
 	&.in-call {
+		::v-deep .app-content {
+			background-color: transparent;
+		}
+
 		&:hover ::v-deep .app-navigation-toggle {
 			background-color: rgba(0, 0, 0, .1) !important;
 

src/assets/variables.scss

@@ -70,7 +70,7 @@ $message-utils-width: 100px;
 //message form max height
 $message-form-max-height: 180px;
 
-$color-call-background: #444444;
+$color-call-background: rgba(34, 34, 34, 0.8);
 $color-guests-avatar: #ffffff;
 $color-background-guests-avatar: #b9b9b9;
 

src/components/CallView/CallView.vue

@@ -678,6 +678,7 @@ export default {
 	width: 100%;
 	height: 100%;
 	background-color: $color-call-background;
+	backdrop-filter: blur(25px);
 }
 
 #videos {

src/components/TopBar/TopBar.vue

@@ -521,7 +521,7 @@ export default {
 		position: absolute;
 		top: 0;
 		left:0;
-		background-color: $color-call-background;
+		background-color: transparent;
 		display: flex;
 		flex-wrap: wrap-reverse;
 	}