fix: add filled and unfilled bg color theme properties for ReactionListBottom

Author: khushal87

package/src/components/Message/MessageSimple/ReactionList/ReactionListBottom.tsx

@@ -60,10 +60,19 @@ export const ReactionListBottomItem = (props: ReactionListBottomItemProps) => {
   const scaleValue = useRef(new Animated.Value(1)).current;
   const {
     theme: {
-      colors: { black, grey_gainsboro, light_blue },
+      colors: { black },
       messageSimple: {
         reactionListBottom: {
-          item: { container, countText, icon, iconFillColor, iconSize, iconUnFillColor },
+          item: {
+            container,
+            countText,
+            filledBackgroundColor,
+            icon,
+            iconFillColor,
+            iconSize,
+            iconUnFillColor,
+            unfilledBackgroundColor,
+          },
         },
       },
     },
@@ -134,7 +143,7 @@ export const ReactionListBottomItem = (props: ReactionListBottomItemProps) => {
         style={[
           styles.itemContainer,
           {
-            backgroundColor: reaction.own ? light_blue : grey_gainsboro,
+            backgroundColor: reaction.own ? filledBackgroundColor : unfilledBackgroundColor,
             transform: [{ scale: scaleValue }],
           },
           container,

package/src/contexts/themeContext/utils/theme.ts

@@ -627,10 +627,12 @@ export type Theme = {
       item: {
         container: ViewStyle;
         countText: TextStyle;
+        filledBackgroundColor: ColorValue;
         icon: ViewStyle;
         iconFillColor: ColorValue;
         iconSize: number;
         iconUnFillColor: ColorValue;
+        unfilledBackgroundColor: ColorValue;
       };
     };
     reactionListTop: {
@@ -1412,10 +1414,12 @@ export const defaultTheme: Theme = {
       item: {
         container: {},
         countText: {},
+        filledBackgroundColor: Colors.light_blue,
         icon: {},
         iconFillColor: Colors.accent_blue,
         iconSize: 16,
         iconUnFillColor: Colors.grey,
+        unfilledBackgroundColor: Colors.grey_gainsboro,
       },
     },
     reactionListTop: {