2ndbeam/fluffychat-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: Nicer own reaction color design

Browse source
This commit is contained in:
Christian Kußowski 2025-06-21 09:04:16 +02:00
commit a20bfeca21
No known key found for this signature in database
GPG key ID: E067ECD60F1A0652
1 changed files with 13 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

22
lib/pages/chat/events/message_reactions.dart
View file

@ -4,7 +4,6 @@ import 'package:collection/collection.dart' show IterableExtension;
import 'package:matrix/matrix.dart'; import 'package:matrix/matrix.dart';
import 'package:fluffychat/config/app_config.dart'; import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/config/themes.dart';
import 'package:fluffychat/widgets/avatar.dart'; import 'package:fluffychat/widgets/avatar.dart';
import 'package:fluffychat/widgets/future_loading_dialog.dart'; import 'package:fluffychat/widgets/future_loading_dialog.dart';
import 'package:fluffychat/widgets/matrix.dart'; import 'package:fluffychat/widgets/matrix.dart';
@ -110,11 +109,7 @@ class _Reaction extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final theme = Theme.of(context); final theme = Theme.of(context);
final textColor =
theme.brightness == Brightness.dark ? Colors.white : Colors.black;
final color = reacted == true
? theme.bubbleColor
: theme.colorScheme.surfaceContainerHigh;
Widget content; Widget content;
if (reactionKey.startsWith('mxc://')) { if (reactionKey.startsWith('mxc://')) {
content = Row( content = Row(
@ -131,8 +126,9 @@ class _Reaction extends StatelessWidget {
const SizedBox(width: 4), const SizedBox(width: 4),
Text( Text(
count.toString(), count.toString(),
textAlign: TextAlign.center,
style: TextStyle( style: TextStyle(
color: textColor, color: theme.colorScheme.onSurface,
fontSize: DefaultTextStyle.of(context).style.fontSize, fontSize: DefaultTextStyle.of(context).style.fontSize,
), ),
), ),
@ -147,7 +143,7 @@ class _Reaction extends StatelessWidget {
content = Text( content = Text(
renderKey.toString() + (count > 1 ? ' $count' : ''), renderKey.toString() + (count > 1 ? ' $count' : ''),
style: TextStyle( style: TextStyle(
color: reacted == true ? theme.onBubbleColor : textColor, color: theme.colorScheme.onSurface,
fontSize: DefaultTextStyle.of(context).style.fontSize, fontSize: DefaultTextStyle.of(context).style.fontSize,
), ),
); );
@ -158,7 +154,15 @@ class _Reaction extends StatelessWidget {
borderRadius: BorderRadius.circular(AppConfig.borderRadius / 2), borderRadius: BorderRadius.circular(AppConfig.borderRadius / 2),
child: Container( child: Container(
decoration: BoxDecoration( decoration: BoxDecoration(
color: color, color: reacted == true
? theme.colorScheme.primaryContainer
: theme.colorScheme.surfaceContainerHigh,
border: Border.all(
color: reacted == true
? theme.colorScheme.primary
: theme.colorScheme.surfaceContainerHigh,
width: 1,
),
borderRadius: BorderRadius.circular(AppConfig.borderRadius / 2), borderRadius: BorderRadius.circular(AppConfig.borderRadius / 2),
), ),
padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 2), padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 2),