diff --git a/app/src/components/Containers/Me.js b/app/src/components/Containers/Me.js index 37e0068..cbea178 100644 --- a/app/src/components/Containers/Me.js +++ b/app/src/components/Containers/Me.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 10s', + filter : 'grayscale(0.75)' } }, fab : diff --git a/app/src/components/Containers/Peer.js b/app/src/components/Containers/Peer.js index 5cc1554..96d9ff6 100644 --- a/app/src/components/Containers/Peer.js +++ b/app/src/components/Containers/Peer.js @@ -51,7 +51,7 @@ const styles = (theme) => }, '&:not(.active-speaker)' : { - transition : 'filter 2s', + transition : 'filter 10s', filter : 'grayscale(0.75)' } },