From 4e50dfe157a0907c6c8a50b6244046b85529f1a4 Mon Sep 17 00:00:00 2001
From: Vincent Petry <vincent@nextcloud.com>
Date: Mon, 19 Oct 2020 15:10:35 +0200
Subject: [PATCH] Fix empty call background color

Make the background grey and adjust text color to be readable.

Signed-off-by: Vincent Petry <vincent@nextcloud.com>
---
 src/components/CallView/shared/EmptyCallView.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/CallView/shared/EmptyCallView.vue b/src/components/CallView/shared/EmptyCallView.vue
index 329b51a051c..faee0e0d723 100644
--- a/src/components/CallView/shared/EmptyCallView.vue
+++ b/src/components/CallView/shared/EmptyCallView.vue
@@ -147,7 +147,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 .empty-call-view {
 	height: 100%;
@@ -157,7 +157,7 @@ export default {
 	flex-direction: column;
 	align-content: center;
 	justify-content: center;
-	color: var(--color-text-maxcontrast);
+	background-color: var(--color-loading-dark);
 	text-align: center;
 	.icon {
 		background-size: 64px;
@@ -168,5 +168,10 @@ export default {
 	button {
 		margin: 4px auto;
 	}
+
+	h2, p {
+		color: var(--color-primary-text);
+	}
 }
+
 </style>