Add dropDownTextColor to dropdown picker (#787)

Author: YoussefHenna

example/src/PickerExample.tsx

@@ -31,6 +31,7 @@ function PickerExample() {
         options={OPTIONS}
         value={value1}
         mode="dropdown"
+        dropDownTextColor="red"
         onValueChange={(value) => setValue(value.toString())}
         style={{ marginBottom: 20 }}
       />

packages/core/src/components/Picker/PickerCommon.ts

@@ -46,6 +46,7 @@ export interface CommonDropDownPickerProps extends CommonPickerProps {
   selectedIconSize?: number;
   dropDownBackgroundColor?: string;
   dropDownBorderColor?: string;
+  dropDownTextColor?: string;
   dropDownBorderWidth?: number;
   dropDownBorderRadius?: number;
 }

packages/core/src/components/Picker/dropdown/DropDownPicker.tsx

@@ -33,6 +33,7 @@ const DropDownPicker: React.FC<
   selectedIconSize = 20,
   dropDownBackgroundColor = theme.colors.background,
   dropDownBorderColor = theme.colors.divider,
+  dropDownTextColor = theme.colors.strong,
   dropDownBorderWidth = 1,
   dropDownBorderRadius = 8,
   children: childrenProp,
@@ -104,7 +105,7 @@ const DropDownPicker: React.FC<
         multiple={isMultiSelect}
         style={{ display: "none" }} // To not render the default input container
         listItemLabelStyle={[
-          { color: theme.colors.strong, fontSize: 14 },
+          { color: dropDownTextColor, fontSize: 14 },
           pickerItemTextStyles,
         ]}
         selectedItemLabelStyle={[