

For example, the name of a single tool window could be a category name, but the name of an entire business unit or project team is not. Do not use the word "color" in VSColor names, as it is redundant.Ĭategory names provide logical groupings, and should be defined as narrowly as possible. The preferred naming scheme for a VSColor is. Step 1: Determine the category and token names for the new color tokens. Use the colors in a Visual Studio extension. Use the color editor to create new color tokens. To create custom colors using the Visual Studio Extension Color Editor, follow these steps:ĭetermine the category and token names for the new color tokens.Ĭhoose the hues that the UI element will use for each theme and the system color for High Contrast. However, for cases where no appropriate colors are defined, custom colors should be created to keep an extension theming compatible. System color name: For use in high-contrast displays.Īs much as possible, and where appropriate, existing Visual Studio colors should be reused instead of making new ones.

If the background is not intended for use with text, do not define a foreground color. These colors are linked and will be used together in the UI. Colors are paired for background/foreground so that the text (foreground) color is always readable against the background color on which it is drawn.

Always create background and text color values in pairs. Sets include background and foreground (text) token names as well as all their states, and these should be named so that it is easy to identify the pairs and the states that they apply to.Ĭolor values (or hues): Needed for each colored theme. Token name: A descriptive name for the color token and token sets. Use an existing category name if there are already colors that are specific to the desired UI element, or group of UI elements. pkgdef files are deployed to Visual Studio searchable locations, processed at run time, and merged together to define themes.Ī color token is made up of four elements:Ĭategory name: A logical grouping for a set of colors. The colors themselves are stored in theme color. Package definition (.pkgdef) files are the files that define themes. vstheme files can be imported into a current. Visual Studio themes (.vstheme files) can be used with the Visual Studio Extension Color Editor by changing the file extension to. This tool is useful for making colors for a Visual Studio extension that supports theming. The tool can also generate theme resource keys so that the colors can be used in code. The Visual Studio Extension Color Editor tool can create and edit custom colors for Visual Studio.
Colorset editor for mac#
Applies to: Visual Studio Visual Studio for Mac Visual Studio Code
