chore: Adjust design

lib/config/themes.dart

@@ -41,6 +41,7 @@ abstract class FluffyThemes {
               primary: AppConfig.chatColor,
               secondary: AppConfig.chatColor,
               secondaryVariant: AppConfig.secondaryColor,
+              surface: FluffyThemes.lighten(AppConfig.chatColor, 0.51),
             ),
         backgroundColor: Colors.white,
         secondaryHeaderColor: Colors.blueGrey.shade50,
@@ -131,6 +132,7 @@ abstract class FluffyThemes {
               primary: AppConfig.primaryColorLight,
               secondary: AppConfig.primaryColorLight,
               secondaryVariant: AppConfig.secondaryColor,
+              surface: FluffyThemes.darken(AppConfig.chatColor, 0.4),
             ),
         secondaryHeaderColor: Colors.blueGrey.shade900,
         textTheme: Typography.material2018().white.merge(fallbackTextTheme),

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,
                     ),
                   ),
               ],

lib/widgets/layouts/empty_page.dart

@@ -14,8 +14,9 @@ class EmptyPage extends StatelessWidget {
       appBar: AppBar(
         automaticallyImplyLeading: false,
         elevation: 0,
-        backgroundColor: Theme.of(context).scaffoldBackgroundColor,
+        backgroundColor: Theme.of(context).colorScheme.surface,
       ),
+      backgroundColor: Theme.of(context).colorScheme.surface,
       extendBodyBehindAppBar: true,
       body: Column(
         mainAxisAlignment: MainAxisAlignment.center,