Themeing & redlining component variations needed for MultiWindow

[alinais]

All components need to be redlined & themed. When all components are themed, we will redline those components.

Please put your name and pr # next to the task you're currently working on.

Component tasks in priority order

• Avatar @bcalvery fix(Avatar): Adding dark and contrast theme files for Avatar and Status Indicator. #373 , there is a bug we need to fix Avatar high contrast mode is not correct #738
• Button redlining @bcalvery BREAKING: Button - implement dark theme and match redlines #336
• Button themeing @bcalvery fix(Button): Implementing Contrast Theme and Updating Dark Theme #381
• Chat @bcalvery fix(Chat): Adding dark and contrast theme files for Chat #652
• Divider @codepretty feat(Divider): Redlining divider component for Teams dark & contrast themes #338
• Header @bcalvery fix(Header): Adding dark and contrast styles for Header #427
• Icon redlining @codepretty
• Icon themeing @codepretty fix(Icon): Color & docs update for Teams theme #384
• Input @notandrew fix: updating input colors for dark theme #361
• Segment @bcalvery
• Status @bcalvery fix(Avatar): Adding dark and contrast theme files for Avatar and Status Indicator. #373, there is a bug we need to fix Avatar high contrast mode is not correct #738 -> fixed in fix(Avatar): add white border around avatar in contrast theme #795
• Text @codepretty feat(Text): Redlining text component for Teams dark & contrast themes #317
• Menu themeing @codepretty fix(Menu): Adding dark & contrast themes for Menu toolbar #708
• RadioGroup themeing @notandrew
• Accordion themeing (deprioritized, back burner: fix(Accordian Indicator): Updating themeing #939)
• Attachment themeing @bcalvery
• Popup themeing
• Label themeing
• List themeing
• Menu redlining
• RadioGroup redlining
• Accordion redlining
• Attachment redlining
• Popup redlining
• Label redlining
• List redlining

Doc Site

• ComponentExample.tsx background should change on theme switch @codepretty feat: give component examples a theme specific background #316
• (Low priority) theme switcher for each Component Example

[alinais]

fyi @levithomason , @jurokapsiar , @hughreeling , @codepretty , @notandrew

[codepretty]

We are doing Dark theme & Contrast theme at the same time, so it is unnecessary to keep 2 separate issues for this. Merged #298 into this issue.

[levithomason]

Pretty much done. Really though, design/ux are leading this effort now.