in the Dark theme The User is not able to see the Data/Text in the "Date Format" input box in the "Channel Agenda Settings"

[dipak-demansol]

Summary

in the Dark theme The User is not able to see the "Date Format" in the "Channel Agenda Settings"

Steps to reproduce

1. in the mattermost change the theme as "Onyx" or "Indigo" and save it.
2. Go in any Channel.
3. Click On Channel Name and Click on the "agenda setting" option.
4. issue :- in the dark theme you cant see any Text/Data in the "Date Format" input box.

Mattermost Version: 6.0.0-rc3
Database Schema Version: 6.0.0
Database: mysql
OS :- ubantu
Browser :- Chrome Version 94.0.4606.71 (Official Build) (64-bit)

Expected behavior

The user should able to see the data/text in the "date format" input box in the dark theme.

Observed behavior (that appears unintentional)

issue generate only in the dark theme

dark.theme.issue.agenda.mp4

.

[mickmister]

@dipak-demansol Since this is associated with an open PR, make sure to mention that in the description. This issue should be mentioned in a comment on the PR as well. It should also be stated whether the issue should block them merging of the PR. Thanks for creating this @dipak-demansol!

[mickmister]

@sanjaydemansol Please take a look at the the props used here to achieve proper theming with the ReactSelect component. In particular, the classNamePrefix and styles props.