From 4c39a48d4eae7f4c94f35d65d2c3acd1bfd2a56f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Tue, 26 Nov 2019 12:48:20 +0100
Subject: [PATCH] Fade out passive speakers.

---
 app/src/components/Containers/Peer.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/src/components/Containers/Peer.js b/app/src/components/Containers/Peer.js
index 8a7f20f..fc79018 100644
--- a/app/src/components/Containers/Peer.js
+++ b/app/src/components/Containers/Peer.js
@@ -45,7 +45,14 @@ const styles = (theme) =>
 			},
 			'&.active-speaker' :
 			{
+				transition  : 'filter .2s',
+				filter      : 'grayscale(0)',
 				borderColor : 'var(--active-speaker-border-color)'
+			},
+			'&:not(.active-speaker)' :
+			{
+				transition : 'filter 2s',
+				filter     : 'grayscale(0.75)'
 			}
 		},
 		fab :