Being able to customize the color of the <Close /> button in the <ImageUploadPreview />

[neopit]

Motivation We want to be able to change/customized the colour of the <Close /> icon in the ImageUploadPreview Currently, we can change the colour via the Theming: colours: { black: 'red'} however changing the black attribute affects the entire theming especially the colour of the text.

The backgroundColor can be changed via this (see below) but we cannot change the color of the icon itself messageInput: { imageUploadPreview: { dismiss: { backgroundColor: '#FFFFFF' } } }

Proposed solution Provide an extra parameter to the theming to messageInput.imageUploadPreview.dismiss For example pathFill or color

messageInput: {
  imageUploadPreview: {
    dismiss: {
      backgroundColor: '#FFFFFF'
      pathFill: 'red'. 
    }
  }
}

and path this new colour to the icon <Close pathFill={dismiss.pathFill} />

Acceptance Criteria Be able to customize the color of <Close /> button use in the ImageUploadPreview

[khushal87]

Hey, @neopit thanks for bringing this up. It looks like you are correct and there isn't a way you can use to change the color of the dismiss cross icon. We have put this into our backlog and will get back to you with this feature soon.

[vanGalilea]

Hey team! Please add your planning poker estimate with ZenHub @khushal87 @madsroskar @santhoshvai @vishalnarkhede