chore: Adjust design

lib/pages/chat/chat_view.dart

@@ -233,9 +233,7 @@ class ChatView extends StatelessWidget {
                   ),
                 )
               : null,
-          backgroundColor: Theme.of(context).brightness == Brightness.light
-              ? FluffyThemes.lighten(Theme.of(context).primaryColor, 0.51)
-              : FluffyThemes.darken(Theme.of(context).primaryColor, 0.35),
+          backgroundColor: Theme.of(context).colorScheme.surface,
           body: Stack(
             children: <Widget>[
               if (Matrix.of(context).wallpaper != null)

lib/pages/chat/events/message.dart

@@ -251,7 +251,7 @@ class Message extends StatelessWidget {
                   padding: const EdgeInsets.all(6.0),
                   child: Text(
                     event.originServerTs.localizedTime(context),
-                    style: const TextStyle(fontSize: 12),
+                    style: TextStyle(fontSize: 14 * AppConfig.fontSizeFactor),
                   ),
                 ),
               )),

lib/pages/chat/events/message_reactions.dart

@@ -99,9 +99,6 @@ class _Reaction extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final borderColor = reacted
-        ? Theme.of(context).primaryColor
-        : Theme.of(context).dividerColor;
     final textColor = Theme.of(context).brightness == Brightness.dark
         ? Colors.white
         : Colors.black;
@@ -148,10 +145,12 @@ class _Reaction extends StatelessWidget {
       child: Container(
         decoration: BoxDecoration(
           color: color,
-          border: Border.all(
-            width: 1,
-            color: borderColor,
-          ),
+          border: reacted
+              ? Border.all(
+                  width: 1,
+                  color: Theme.of(context).primaryColor,
+                )
+              : null,
           borderRadius: BorderRadius.circular(AppConfig.borderRadius),
         ),
         padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 3),

lib/pages/chat/events/state_message.dart

@@ -41,7 +41,7 @@ class StateMessage extends StatelessWidget {
                   event.getLocalizedBody(MatrixLocals(L10n.of(context))),
                   textAlign: TextAlign.center,
                   style: TextStyle(
-                    fontSize: Theme.of(context).textTheme.bodyText1.fontSize,
+                    fontSize: 14 * AppConfig.fontSizeFactor,
                     color: Theme.of(context).textTheme.bodyText2.color,
                     decoration:
                         event.redacted ? TextDecoration.lineThrough : null,
@@ -50,8 +50,9 @@ class StateMessage extends StatelessWidget {
                 if (counter != 0)
                   Text(
                     L10n.of(context).moreEvents(counter),
-                    style: const TextStyle(
+                    style: TextStyle(
                       fontWeight: FontWeight.bold,
+                      fontSize: 14 * AppConfig.fontSizeFactor,
                     ),
                   ),
               ],