design: Adjust some colors in inputbar

lib/pages/chat/chat_emoji_picker.dart

@@ -42,9 +42,8 @@ class ChatEmojiPicker extends StatelessWidget {
                           onBackspacePressed: controller.emojiPickerBackspace,
                           config: Config(
                             backspaceColor: theme.colorScheme.primary,
-                            bgColor: theme.brightness == Brightness.light
-                                ? Colors.white
-                                : Colors.black,
+                            bgColor:
+                                Theme.of(context).colorScheme.onInverseSurface,
                             iconColor:
                                 theme.colorScheme.primary.withOpacity(0.5),
                             iconColorSelected: theme.colorScheme.primary,

lib/pages/chat/events/reply_content.dart

@@ -10,12 +10,14 @@ class ReplyContent extends StatelessWidget {
   final Event replyEvent;
   final bool ownMessage;
   final Timeline? timeline;
+  final Color? backgroundColor;
 
   const ReplyContent(
     this.replyEvent, {
     this.ownMessage = false,
     super.key,
     this.timeline,
+    this.backgroundColor,
   });
 
   static const BorderRadius borderRadius = BorderRadius.only(
@@ -34,10 +36,11 @@ class ReplyContent extends StatelessWidget {
         : Theme.of(context).colorScheme.primary;
 
     return Material(
-      color: Theme.of(context)
-          .colorScheme
-          .background
-          .withOpacity(ownMessage ? 0.2 : 0.33),
+      color: backgroundColor ??
+          Theme.of(context)
+              .colorScheme
+              .background
+              .withOpacity(ownMessage ? 0.2 : 0.33),
       borderRadius: borderRadius,
       child: Row(
         mainAxisSize: MainAxisSize.min,

lib/pages/chat/reactions_picker.dart

@@ -60,7 +60,7 @@ class ReactionsPicker extends StatelessWidget {
                 Expanded(
                   child: Container(
                     decoration: BoxDecoration(
-                      color: Theme.of(context).secondaryHeaderColor,
+                      color: Theme.of(context).colorScheme.onInverseSurface,
                       borderRadius: const BorderRadius.only(
                         bottomRight: Radius.circular(AppConfig.borderRadius),
                       ),
@@ -92,7 +92,7 @@ class ReactionsPicker extends StatelessWidget {
                     width: 36,
                     height: 56,
                     decoration: BoxDecoration(
-                      color: Theme.of(context).secondaryHeaderColor,
+                      color: Theme.of(context).colorScheme.onInverseSurface,
                       shape: BoxShape.circle,
                     ),
                     child: const Icon(Icons.add_outlined),

lib/pages/chat/reply_display.dart

@@ -21,29 +21,28 @@ class ReplyDisplay extends StatelessWidget {
           ? 56
           : 0,
       clipBehavior: Clip.hardEdge,
-      decoration: const BoxDecoration(),
-      child: Material(
-        color: Theme.of(context).secondaryHeaderColor,
-        child: Row(
-          children: <Widget>[
-            IconButton(
-              tooltip: L10n.of(context)!.close,
-              icon: const Icon(Icons.close),
-              onPressed: controller.cancelReplyEventAction,
-            ),
-            Expanded(
-              child: controller.replyEvent != null
-                  ? ReplyContent(
-                      controller.replyEvent!,
-                      timeline: controller.timeline!,
-                    )
-                  : _EditContent(
-                      controller.editEvent
-                          ?.getDisplayEvent(controller.timeline!),
-                    ),
-            ),
-          ],
-        ),
+      decoration: BoxDecoration(
+        color: Theme.of(context).colorScheme.onInverseSurface,
+      ),
+      child: Row(
+        children: <Widget>[
+          IconButton(
+            tooltip: L10n.of(context)!.close,
+            icon: const Icon(Icons.close),
+            onPressed: controller.cancelReplyEventAction,
+          ),
+          Expanded(
+            child: controller.replyEvent != null
+                ? ReplyContent(
+                    controller.replyEvent!,
+                    timeline: controller.timeline!,
+                    backgroundColor: Colors.transparent,
+                  )
+                : _EditContent(
+                    controller.editEvent?.getDisplayEvent(controller.timeline!),
+                  ),
+          ),
+        ],
       ),
     );
   }

lib/pages/chat/sticker_picker_dialog.dart

@@ -100,6 +100,7 @@ class StickerPickerDialogState extends State<StickerPickerDialog> {
     };
 
     return Scaffold(
+      backgroundColor: Theme.of(context).colorScheme.onInverseSurface,
       body: SizedBox(
         width: double.maxFinite,
         child: CustomScrollView(
@@ -108,7 +109,7 @@ class StickerPickerDialogState extends State<StickerPickerDialog> {
               floating: true,
               pinned: true,
               automaticallyImplyLeading: false,
-              backgroundColor: Theme.of(context).dialogBackgroundColor,
+              backgroundColor: Colors.transparent,
               title: SizedBox(
                 height: 42,
                 child: TextField(