FarbeColor

Die Verwendung unserer genehmigten neutralen Palette für Hintergründe, Benachrichtigungen, Text und Schaltflächen hilft Ihrer APP, sich in Microsoft Teams zu Hause zu fühlen.Using our approved neutral palette for backgrounds, notifications, text, and buttons will help your app feel more at home in Teams. Da Teams zwei Farbdesigns (hell und dunkel) haben, empfiehlt es sich, sicherzustellen, dass Ihre APP in beiden Designs gut aussieht.Since Teams has two color themes (light and dark), it’s a good idea to make sure your app looks great in both themes.

$App-schwarz (#252423)$app-black (#252423)

Unsere am häufigsten verwendeten Textfarben.Our most commonly-used text color. Wir verwenden Sie auf fünf Ebenen der Deckkraft für Text.We use it at five levels of opacity for text. Der Text sollte hauptsächlich bei 100%, 74%, 64% Deckkraft verwendet werden, da er zugänglich ist.Text should mainly be used at 100%, 74%, 64% opacity since it is accessible. Text bei 52% und 36% sollte sparsam verwendet werden, da auf ihn nicht zugegriffen werden kann.Text at 52% and 36% should be used sparingly since it is not accessible.

  1. 100%-Kopfzeilen und Basis Text100% - Headers and base text
  2. 74%-Beschriftungen, Untertitel, Attributes und Symbolschaltflächen74% - Labels, subheads, attributions, and icon buttons
  3. 64%-Nachrichtenvorschau, Hilfetext (nicht dargestellt)64% - Message previews, help text (not shown)
  4. 52%-Zeitstempel52% - Timestamps
  5. 36%-deaktivierter Text36% - Disabled text

Für einige Benutzer $app-black Oberflächenelemente verwenden wir auch andere Trübungs Bereiche:We also use $app-black at other opacities for some UI elements:

  1. 14% – Banner Hintergründe14% - Banner backgrounds
  2. 5%-deaktivierte Schaltflächen-und kartenränder5% - Disabled button and card borders

Standardmäßige Design Farb RampeDefault theme color ramp

Weitere Informationen finden Sie unter Pen Microsoft Teams Design Guidelines – Standarddesign Color Ramp on CodePen.See the Pen Microsoft Teams design guidelines - default theme color ramp on CodePen.

Andere Standarddesign FarbenOther default theme colors

Siehe Pen Microsoft Teams Design Guidelines-andere Standarddesign Farben auf CodePen.See the Pen Microsoft Teams design guidelines - other default theme colors on CodePen.

Dunkles Design-Farb RampeDark theme color ramp

Weitere Informationen finden Sie unter Pen Microsoft Teams Design Guidelines-Dark Theme Color Ramp on CodePen.See the Pen Microsoft Teams design guidelines - dark theme color ramp on CodePen.

Andere dunkle DesignfarbenOther dark theme colors

Siehe Pen Microsoft Teams Design Guidelines-andere dunkle Designfarben auf CodePen.See the Pen Microsoft Teams design guidelines - other dark theme colors on CodePen.