Merge pull request #555 from reinhart1010/keyboard-dynamic-theme

feat: Dynamic theming for emoji keyboard

assets/l10n/intl_en.arb

@@ -776,6 +776,11 @@
         "type": "text",
         "placeholders": {}
     },
+    "emoteKeyboardNoRecents": "Recently-used emotes will appear here...",
+    "@emoteKeyboardNoRecents": {
+        "type": "text",
+        "placeholders": {}
+    },
     "emotePacks": "Emote packs for room",
     "@emotePacks": {
         "type": "text",

lib/pages/chat/chat_emoji_picker.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 
 import 'package:emoji_picker_flutter/emoji_picker_flutter.dart';
+import 'package:flutter_gen/gen_l10n/l10n.dart';
 
 import 'package:fluffychat/config/themes.dart';
 import 'chat.dart';
@@ -11,6 +12,7 @@ class ChatEmojiPicker extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final ThemeData theme = Theme.of(context);
     return AnimatedContainer(
       duration: FluffyThemes.animationDuration,
       curve: FluffyThemes.animationCurve,
@@ -21,6 +23,27 @@ class ChatEmojiPicker extends StatelessWidget {
           ? EmojiPicker(
               onEmojiSelected: controller.onEmojiSelected,
               onBackspacePressed: controller.emojiPickerBackspace,
+              config: Config(
+                backspaceColor: theme.colorScheme.primary,
+                bgColor: Color.lerp(
+                  theme.colorScheme.background,
+                  theme.colorScheme.primaryContainer,
+                  0.25,
+                )!,
+                iconColor: theme.colorScheme.primary.withOpacity(0.5),
+                iconColorSelected: theme.colorScheme.primary,
+                indicatorColor: theme.colorScheme.primary,
+                noRecents: Text(
+                  L10n.of(context)!.emoteKeyboardNoRecents,
+                  style: theme.textTheme.bodyLarge,
+                ),
+                skinToneDialogBgColor: Color.lerp(
+                  theme.colorScheme.background,
+                  theme.colorScheme.primaryContainer,
+                  0.75,
+                )!,
+                skinToneIndicatorColor: theme.colorScheme.onBackground,
+              ),
             )
           : null,
     );