From 216577aa7745ca1f2af4d6d9cd612afcfe2c4aaf Mon Sep 17 00:00:00 2001
From: Marco Ambrosini <marcoambrosini@icloud.com>
Date: Thu, 8 Sep 2022 14:30:57 +0200
Subject: [PATCH] Update callview backdrop

Signed-off-by: Marco Ambrosini <marcoambrosini@icloud.com>
---
 src/App.vue                          | 4 ++++
 src/assets/variables.scss            | 2 +-
 src/components/CallView/CallView.vue | 1 +
 src/components/TopBar/TopBar.vue     | 2 +-
 4 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 2beade814..10769c577 100644
--- a/src/App.vue
+++ b/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;
 
diff --git a/src/assets/variables.scss b/src/assets/variables.scss
index 15a9d7970..968d6b9c1 100644
--- a/src/assets/variables.scss
+++ b/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;
 
diff --git a/src/components/CallView/CallView.vue b/src/components/CallView/CallView.vue
index 143042903..b6f15695b 100644
--- a/src/components/CallView/CallView.vue
+++ b/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 {
diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue
index 28987937c..dffc06d9d 100644
--- a/src/components/TopBar/TopBar.vue
+++ b/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;
 	}