chore: highlight select mode actions

This commit is contained in:
Christian Kußowski 2025-06-17 10:13:54 +02:00
commit 0a10d4fb7d
No known key found for this signature in database
GPG key ID: E067ECD60F1A0652
3 changed files with 16 additions and 4 deletions

View file

@ -23,7 +23,7 @@ class ChatAppBarTitle extends StatelessWidget {
return Text( return Text(
controller.selectedEvents.length.toString(), controller.selectedEvents.length.toString(),
style: TextStyle( style: TextStyle(
color: Theme.of(context).colorScheme.tertiary, color: Theme.of(context).colorScheme.onTertiaryContainer,
), ),
); );
} }

View file

@ -37,6 +37,10 @@ class ChatInputRow extends StatelessWidget {
); );
} }
final selectedTextButtonStyle = TextButton.styleFrom(
foregroundColor: theme.colorScheme.onTertiaryContainer,
);
return Row( return Row(
crossAxisAlignment: CrossAxisAlignment.end, crossAxisAlignment: CrossAxisAlignment.end,
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
@ -63,6 +67,7 @@ class ChatInputRow extends StatelessWidget {
SizedBox( SizedBox(
height: height, height: height,
child: TextButton( child: TextButton(
style: selectedTextButtonStyle,
onPressed: controller.forwardEventsAction, onPressed: controller.forwardEventsAction,
child: Row( child: Row(
children: <Widget>[ children: <Widget>[
@ -80,6 +85,7 @@ class ChatInputRow extends StatelessWidget {
? SizedBox( ? SizedBox(
height: height, height: height,
child: TextButton( child: TextButton(
style: selectedTextButtonStyle,
onPressed: controller.replyAction, onPressed: controller.replyAction,
child: Row( child: Row(
children: <Widget>[ children: <Widget>[
@ -92,6 +98,7 @@ class ChatInputRow extends StatelessWidget {
: SizedBox( : SizedBox(
height: height, height: height,
child: TextButton( child: TextButton(
style: selectedTextButtonStyle,
onPressed: controller.sendAgainAction, onPressed: controller.sendAgainAction,
child: Row( child: Row(
children: <Widget>[ children: <Widget>[

View file

@ -174,15 +174,18 @@ class ChatView extends StatelessWidget {
actionsIconTheme: IconThemeData( actionsIconTheme: IconThemeData(
color: controller.selectedEvents.isEmpty color: controller.selectedEvents.isEmpty
? null ? null
: theme.colorScheme.tertiary, : theme.colorScheme.onTertiaryContainer,
), ),
backgroundColor: controller.selectedEvents.isEmpty
? null
: theme.colorScheme.tertiaryContainer,
automaticallyImplyLeading: false, automaticallyImplyLeading: false,
leading: controller.selectMode leading: controller.selectMode
? IconButton( ? IconButton(
icon: const Icon(Icons.close), icon: const Icon(Icons.close),
onPressed: controller.clearSelectedEvents, onPressed: controller.clearSelectedEvents,
tooltip: L10n.of(context).close, tooltip: L10n.of(context).close,
color: theme.colorScheme.tertiary, color: theme.colorScheme.onTertiaryContainer,
) )
: FluffyThemes.isColumnMode(context) : FluffyThemes.isColumnMode(context)
? null ? null
@ -308,7 +311,9 @@ class ChatView extends StatelessWidget {
alignment: Alignment.center, alignment: Alignment.center,
child: Material( child: Material(
clipBehavior: Clip.hardEdge, clipBehavior: Clip.hardEdge,
color: theme.colorScheme.surfaceContainerHigh, color: controller.selectedEvents.isNotEmpty
? theme.colorScheme.tertiaryContainer
: theme.colorScheme.surfaceContainerHigh,
borderRadius: const BorderRadius.all( borderRadius: const BorderRadius.all(
Radius.circular(24), Radius.circular(24),
), ),