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
+                            bgColor:
-                                ? Colors.white
+                                Theme.of(context).colorScheme.onInverseSurface,
-                                : Colors.black,
                             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,7 +36,8 @@ class ReplyContent extends StatelessWidget {
         : Theme.of(context).colorScheme.primary;
 
     return Material(
-      color: Theme.of(context)
+      color: backgroundColor ??
+          Theme.of(context)
               .colorScheme
               .background
               .withOpacity(ownMessage ? 0.2 : 0.33),

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,9 +21,9 @@ class ReplyDisplay extends StatelessWidget {
           ? 56
           : 0,
       clipBehavior: Clip.hardEdge,
-      decoration: const BoxDecoration(),
+      decoration: BoxDecoration(
-      child: Material(
+        color: Theme.of(context).colorScheme.onInverseSurface,
-        color: Theme.of(context).secondaryHeaderColor,
+      ),
       child: Row(
         children: <Widget>[
           IconButton(
@@ -36,15 +36,14 @@ class ReplyDisplay extends StatelessWidget {
                 ? ReplyContent(
                     controller.replyEvent!,
                     timeline: controller.timeline!,
+                    backgroundColor: Colors.transparent,
                   )
                 : _EditContent(
-                      controller.editEvent
+                    controller.editEvent?.getDisplayEvent(controller.timeline!),
-                          ?.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(