Visual Studio Themes

Documentation

@KalaJ by default Visual studio 2012 comes with Light or Dark (and latest versions have Blue) Its one of the first settings. Tools / Options / Environment / General / Visual experience / Color theme. There is also an official add-on that expands the number themes.

About the theme:

  • Rainglow is a collection of color themes for a number of different editors and platforms. This repository consists of 320+ syntax and UI themes for Visual Studio. To show support for the project, you can do any (or many!) of the following: Wear a theme. Star the repository. Follow me on twitter, and say hi! Share on refind.
  • A lot of editors in IDEs have the concept of color themes, and so does Visual Studio. In this video, Mads Kristensen shows how to find the color theme you li.

This theme was made for more comfortable coding in VSCode and is experimental. This is it's very first version and the very first theme of a set.Due to upcoming exams, new family member of the set won't be released until the I finish my exams.The theme was tailored for VSCode hence not compatible with other IDEs.This is the pastel dark variant of the set.

How to install:

Visual Studio Themes

Method 1 - Within VSCode:

  • On your VSCode interface, click on the extension icon found at the left of the screen and the extension bar will open up

  • Next type the name of the theme on the searchbar at the top

  • When you find the theme click on the install button on either the new opened tab or from the extension bar

  • Wait for a few moments and the theme will be installed.

  • VSCode will open a command window where you can select a theme and after applying the newly installed theme

  • And done!

Method 2 - From the marketplace

  • Browse to the Marketplace

  • Type one of the keywords and press on the card

  • The extension install page will show up and click on install

  • Follow on-screen instructions to finish the install.

See these documentations for detailed instractions.

Keywords:

License

Visual Studio Themes

MIT License see LICENSE.md

Visual studio themes gallery-->

You can change the fonts and the colors in Visual Studio in many ways. For example, you can change the default blue color theme to the dark theme (also referred to as 'dark mode'). You can also select a extra-contrast theme if that best suits your needs. And, you can change the default font and text size in both the IDE and the code editor.

Change the color theme

Here's how to change the color theme of the IDE frame and the tool windows in Visual Studio.

  1. On the menu bar, choose Tools > Options.

  2. In the options list, choose Environment > General.

  3. In the Color theme list, choose either the default Blue theme, the Light theme, the Dark theme, or the Blue (Extra Contrast) theme.

    Note

    When you change a color theme, text in the IDE reverts to the default or previously customized fonts and sizes for that theme.

    Tip

    You can create and edit your own Visual Studio themes by installing the Color Theme Editor for Visual Studio 2017.

    Tip

    You can create and edit your own Visual Studio themes by installing the Visual Studio Color Theme Designer.

Change fonts and text size

You can change the font and text size for all the IDE frame and tool windows, or for only certain windows or text elements. You can also change the font and text size in the editor, too.

To change the font and text size in the IDE

  1. On the menu bar, choose Tools > Options.

  2. In the options list, choose Environment > Fonts and Colors.

  3. In the Show settings for list, choose Environment.

    Note

    If you want to change the font for tool windows only, in the Show settings for list, choose All Text Tool Windows.

  4. Modify the Font and Size options to change the font and text size for the IDE.

  5. Select the appropriate item in Display items, and then modify the Item foreground and Item background options.

To change the font and text size in the editor

  1. On the menu bar, choose Tools > Options.

  2. In the options list, choose Environment > Fonts and Colors.

  3. In Show settings for list, select Text Editor.

  4. Modify the Font and Size options to change the font and text size for the editor.

  5. Select the appropriate item in Display items, and then modify the Item foreground and Item background options.

For more information, see the Change fonts and colors for the editor page.

Accessibility options

There are color theme options for you if you experience low vision. You can use a high-contrast option for all the apps and UI on a computer, or an extra contrast option for Visual Studio only.

Use Windows high contrast

Use either of the following procedures to toggle the Windows high contrast option:

  • In Windows or in any Microsoft application, press the Left Alt+Left Shift+PrtScn keys.

  • In Windows, choose Start > Settings > Ease of Access > High contrast.

    Warning

    The Windows high contrast setting affects all applications and UI on the computer.

Use Visual Studio extra contrast

Visual Studio Themes 2019

Use the following procedures to toggle the Visual Studio extra contrast option:

  1. On the menu bar in Visual Studio, choose Tools > Options, and then, in the options list, choose Environment > General.

  2. In the Color theme drop-down list, choose the Blue (Extra Contrast) theme, and then choose OK.

To learn more about other Visual Studio accessibility options available to you, see the Accessibility features of Visual Studio page.

Tip

If there is an accessibility option for colors or fonts that you think might be useful but isn't currently available in Visual Studio, please let us know by selecting Suggest a feature in the Visual Studio Developer Community. For more information about this forum and how it works, see the Suggest a feature page.

How To Change Visual Studio Themes

Next steps

Visual Studio Themes Monokai

To learn more details about all the user interface (UI) elements for which you can change font and color schemes, see the Fonts and Colors, Environment, Options Dialog Box page.

See also