[Snackbar] add contentStyle

[onybo]

The text content of a snackbar seems to be hardcoded to use the textColor from the current theme.
If I overide the background on the snackbar using the inline style bodyStyle={{background: myLightColor}} I would like to use a dark color for the text color.
One way to do this would be implementing a contentStyle on the Snackbar component so I could do:

<Snackbar
          open={true}
          message="a message here"
          onRequestClose={this.closeMessage}
          bodyStyle={{background: myLightColor}}
          contentStyle={{color: myDarkColor}}
        />

If you would add this or advise me on how to work around this I would be very happy.

Would you consider accepting a pull request for this if I make the required changes myself?

[oliviertassinari]

seems to be hardcoded to use the textColor from the current theme

Yes, it's. Can't you change the textColor property of the Snacbars's theme?

Would you consider accepting a pull request for this if I make the required changes myself?

Yes, definitely 👍.

[ZoharLiran]

@onybo I know it's a bit late but I just came across the same issue and resolved it using the className feature.
if you style your scss with the following:

.snackbar-error {
  div {
    div {
      span {
        color: #FF1A09 !important;
      }
    }
  }
}

and you add the className .snackbar-error when you want it to be red and remove it onRequestClose you get it to be the color you want.
it's not pretty, but it works until we get this feature working.