High Contrast swatches in this topic reflect the High Contrast #1 theme in Windows. Use the system color name for High Contrast UI, and do not use an eyedropper or color picker on these swatches. High Contrast swatches are shown for comparison only. TFS tagging in Light (top), Dark (center), and Blue (bottom) themes The colors will look different in other High Contrast themes. Properties grid in Light, Dark, and Blue themes Properties window in the Light, Dark, and Blue themes The colors will look different in other High Contrast themes.įor best results, pair color sets with UI similar to the example. Color tokens for existing UI can be found in Shared colors for Visual Studio.

Instead, create tokens within your own category and use the hue values shown in the tables. You can't use the actual color token names of these UI elements because you can't control how the tokens might be changed in the future. Don't choose a foreground from one UI element and a background from another just because you like the hues. When using this reference guide, remember:Īlways copy both foreground and background hues together. When you're creating new UI, you can use similar colors from existing UI to choose the colors for each main theme and the system color name for that element for High Contrast themes.įor implementation information about creating new color tokens, see Color theming tools.įor color tokens to use with existing UI, see Shared colors for Visual Studio.

This topic is a reference for creating new color tokens. Applies to: Visual Studio Visual Studio for Mac Visual Studio Code

Microsoft edge logo rgb color codes