Close icon is invisible in Modal with dimmer={"inverted"} and white background

[xumix]

Bug Report

Close icon is invisible in Modal with dimmer={"inverted"} white background

Steps

<Modal trigger={<Button>Show Modal</Button>} closeIcon dimmer={"inverted"}>
    <Header icon='archive' content='Archive Old Messages' />
    <Modal.Content>
      <p>
        Your inbox is getting full, would you like us to enable automatic archiving of old messages?
      </p>
    </Modal.Content>
    <Modal.Actions>
      <Button color='red'>
        <Icon name='remove' /> No
      </Button>
      <Button color='green'>
        <Icon name='checkmark' /> Yes
      </Button>
    </Modal.Actions>
  </Modal>

Expected Result

A visible contrast close Icon

Actual Result

The close icon is invisible(almost invisible in docs) with dimmer={"inverted"}

Version

v0.82.3

[layershifter]

It's a known CSS issue: Semantic-Org/Semantic-UI#3070. Workaround:

closeIcon={{ color: 'black', name: 'close' }}
closeIcon={{ color: 'red', name: 'close' }}

[xumix]

@layershifter if it's known, why not fix it with inverted color?