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 :