From 9ea7d307c2a433a913a170597063ee33daea9cfb Mon Sep 17 00:00:00 2001
From: krille-chan <christian-kussowski@posteo.de>
Date: Sat, 22 Feb 2025 11:58:03 +0100
Subject: [PATCH] chore: Nicer colors for reactions

---
 lib/pages/chat/events/message_reactions.dart | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/lib/pages/chat/events/message_reactions.dart b/lib/pages/chat/events/message_reactions.dart
index d91b765b2..e34dad9a0 100644
--- a/lib/pages/chat/events/message_reactions.dart
+++ b/lib/pages/chat/events/message_reactions.dart
@@ -4,6 +4,7 @@ import 'package:collection/collection.dart' show IterableExtension;
 import 'package:matrix/matrix.dart';
 
 import 'package:fluffychat/config/app_config.dart';
+import 'package:fluffychat/config/themes.dart';
 import 'package:fluffychat/widgets/avatar.dart';
 import 'package:fluffychat/widgets/future_loading_dialog.dart';
 import 'package:fluffychat/widgets/matrix.dart';
@@ -111,7 +112,9 @@ class _Reaction extends StatelessWidget {
     final theme = Theme.of(context);
     final textColor =
         theme.brightness == Brightness.dark ? Colors.white : Colors.black;
-    final color = theme.colorScheme.surface;
+    final color = reacted == true
+        ? theme.bubbleColor
+        : theme.colorScheme.surfaceContainerHigh;
     Widget content;
     if (reactionKey.startsWith('mxc://')) {
       content = Row(
@@ -144,7 +147,7 @@ class _Reaction extends StatelessWidget {
       content = Text(
         renderKey.toString() + (count > 1 ? ' $count' : ''),
         style: TextStyle(
-          color: textColor,
+          color: reacted == true ? theme.onBubbleColor : textColor,
           fontSize: DefaultTextStyle.of(context).style.fontSize,
         ),
       );
@@ -156,12 +159,6 @@ class _Reaction extends StatelessWidget {
       child: Container(
         decoration: BoxDecoration(
           color: color,
-          border: Border.all(
-            width: 1,
-            color: reacted!
-                ? theme.colorScheme.primary
-                : theme.colorScheme.primaryContainer,
-          ),
           borderRadius: BorderRadius.circular(AppConfig.borderRadius / 2),
         ),
         padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 2),