diff --git a/lib/widgets/chat/call/participant.dart b/lib/widgets/chat/call/participant.dart index 7891863..0d017c4 100644 --- a/lib/widgets/chat/call/participant.dart +++ b/lib/widgets/chat/call/participant.dart @@ -121,51 +121,47 @@ abstract class _ParticipantWidgetState extends Stat @override Widget build(BuildContext ctx) { - return Container( - child: Stack( - children: [ - // Video - InkWell( - onTap: () => setState(() => _visible = !_visible), - child: _activeVideoTrack != null && !_activeVideoTrack!.muted - ? VideoTrackRenderer( - _activeVideoTrack!, - fit: RTCVideoViewObjectFit.RTCVideoViewObjectFitContain, - ) - : NoContentWidget( - userinfo: _userinfoMetadata, - isSpeaking: widget.participant.isSpeaking, - ), - ), - if (widget.showStatsLayer) - Positioned( - top: 30, - right: 30, - child: ParticipantStatsWidget( - participant: widget.participant, - ), - ), - // Bottom bar - Align( - alignment: Alignment.bottomCenter, - child: Column( - crossAxisAlignment: CrossAxisAlignment.stretch, - mainAxisSize: MainAxisSize.min, - children: [ - ...extraWidgets(widget.isScreenShare), - ParticipantInfoWidget( - title: widget.participant.name.isNotEmpty - ? '${widget.participant.name} (${widget.participant.identity})' - : widget.participant.identity, - audioAvailable: _firstAudioPublication?.muted == false && _firstAudioPublication?.subscribed == true, - connectionQuality: widget.participant.connectionQuality, - isScreenShare: widget.isScreenShare, + return Stack( + children: [ + InkWell( + onTap: () => setState(() => _visible = !_visible), + child: _activeVideoTrack != null && !_activeVideoTrack!.muted + ? VideoTrackRenderer( + _activeVideoTrack!, + fit: RTCVideoViewObjectFit.RTCVideoViewObjectFitContain, + ) + : NoContentWidget( + userinfo: _userinfoMetadata, + isSpeaking: widget.participant.isSpeaking, ), - ], + ), + if (widget.showStatsLayer) + Positioned( + top: 30, + right: 30, + child: ParticipantStatsWidget( + participant: widget.participant, ), ), - ], - ), + Align( + alignment: Alignment.bottomCenter, + child: Column( + crossAxisAlignment: CrossAxisAlignment.stretch, + mainAxisSize: MainAxisSize.min, + children: [ + ...extraWidgets(widget.isScreenShare), + ParticipantInfoWidget( + title: widget.participant.name.isNotEmpty + ? '${widget.participant.name} (${widget.participant.identity})' + : widget.participant.identity, + audioAvailable: _firstAudioPublication?.muted == false && _firstAudioPublication?.subscribed == true, + connectionQuality: widget.participant.connectionQuality, + isScreenShare: widget.isScreenShare, + ), + ], + ), + ), + ], ); } } @@ -239,7 +235,7 @@ class RemoteTrackPublicationMenuWidget extends StatelessWidget { @override Widget build(BuildContext context) => Material( - color: Colors.black.withOpacity(0.3), + color: Theme.of(context).colorScheme.onSurface.withOpacity(0.75), child: PopupMenuButton( tooltip: 'Subscribe menu', icon: Icon(icon, diff --git a/lib/widgets/chat/call/participant_stats.dart b/lib/widgets/chat/call/participant_stats.dart index 274f258..e1205e0 100644 --- a/lib/widgets/chat/call/participant_stats.dart +++ b/lib/widgets/chat/call/participant_stats.dart @@ -111,7 +111,7 @@ class _ParticipantStatsWidgetState extends State { @override Widget build(BuildContext context) { return Container( - color: Colors.black.withOpacity(0.3), + color: Theme.of(context).colorScheme.onSurface.withOpacity(0.75), padding: const EdgeInsets.symmetric( vertical: 8, horizontal: 8,