microsoftgraph / microsoft-graph-toolkit

Authentication Providers and UI components for Microsoft Graph 🦒
https://docs.microsoft.com/graph/toolkit/overview
Other
946 stars 305 forks source link

Add dark theme to mgt-teams-channel-picker #605

Closed beth-panx closed 3 years ago

beth-panx commented 4 years ago

Proposal: Add dark theme to mgt-teams-channel-picker

Description

  1. Add common colors and mixins base on design
  2. Revamp mgt-teams-channel-picker css classes and structure
  3. Add scss variables and mixins to support dark theme

Rationale

MGT components right now support light theme. Developer community has asked for dark theme, Microsoft Teams theme, and custom themes.

Preferred Solution

Enable developers to configure mgt-teams-channel-picker to show dark theme by adding attribute theme="dark". Enable developers to configure mgt-teams-channel-picker to show custom theme by adding attribute theme="my-theme" (attribute value in discussion)

Design by @tramadon: https://www.figma.com/file/tVj3DubCqeip6mhw14Up0j/Microsoft-Graph-Toolkit-(main)?node-id=133%3A761

ghost commented 4 years ago

Hello beth-panx, thank you for opening an issue with us!

I have automatically added a "needs triage" label to help get things started. Our team will analyze and investigate the issue, and escalate it to the relevant team if possible. Other community members may also look into the issue and provide feedback 🙌