From 0877b6dcfe91a2754c2c12e8766828a2a8f94173 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Mon, 28 Apr 2025 10:36:36 +0300
Subject: [PATCH] fix emoji picker dark mode

---
 modules/expo-emoji-picker/src/EmojiPicker.android.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/modules/expo-emoji-picker/src/EmojiPicker.android.tsx b/modules/expo-emoji-picker/src/EmojiPicker.android.tsx
index c12e61f87d..bc6721abda 100644
--- a/modules/expo-emoji-picker/src/EmojiPicker.android.tsx
+++ b/modules/expo-emoji-picker/src/EmojiPicker.android.tsx
@@ -1,13 +1,16 @@
+import {useColorScheme} from 'react-native'
+
 import {type EmojiPickerViewProps} from './EmojiPickerModule.types'
 import EmojiPickerNativeView from './EmojiPickerView'
 
 const EmojiPicker = ({onEmojiSelected}: EmojiPickerViewProps) => {
+  const scheme = useColorScheme()
   return (
     <EmojiPickerNativeView
       onEmojiSelected={emoji => {
         onEmojiSelected(emoji)
       }}
-      style={styles}
+      style={[styles, {backgroundColor: scheme === 'dark' ? '#000' : '#fff'}]}
     />
   )
 }
@@ -15,7 +18,6 @@ const EmojiPicker = ({onEmojiSelected}: EmojiPickerViewProps) => {
 const styles = {
   flex: 1,
   width: '100%',
-  backgroundColor: 'white',
 } as const
 
 export default EmojiPicker