Visual Studio Themes

admin
-->

Here are the 21 best VScode themes that will help you to change the appearance according to your preferred style. Winter is coming light. Winter is coming light is a collection of 5 Visual Studio Code color themes namely; light, dack black, dark black no italics, dark blue and dark blue no italics. 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. 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. The new Dark color theme introduced in VS19 is really nice but it only works for C# and not C (in C the theme is a lot different). In VSCode the default theme is called Dark+ and I think is identical with the default Dark theme in VS19. I wish I could use that for C.

  • The default color theme for Visual Studio's user interface is called Blue. Let's change it to Dark. On the menu bar, which is the row of menus such as File and Edit, choose Tools Options. On the Environment General options page, change the Color theme selection to Dark, and then choose OK.
  • Top 3 Visual Studio Code Themes Visual Studio Code is Microsoft’s source code editor that comes with support for multiple programming languages. These are the 3 best Visual Studio Code Themes that I have used. Material Theme 3. Night Owl Subscribe our channel for more tech stuff.

In this how-to article, we'll customize the Visual Studio color theme from the default blue theme to the dark theme. Then, we'll customize the colors for two different types of text in the code editor.

If you haven't already installed Visual Studio, go to the Visual Studio downloads page to install it for free.

If you haven't already installed Visual Studio, go to the Visual Studio downloads page to install it for free.

Set the color theme for the IDE

The default color theme for Visual Studio's user interface is called Blue. Let's change it to Dark.

  1. On the menu bar, which is the row of menus such as File and Edit, choose Tools > Options.

  2. On the Environment > General options page, change the Color theme selection to Dark, and then choose OK.

    The color theme for the entire Visual Studio development environment (IDE) changes to Dark.

Tip

You can install additional predefined themes by installing the Visual Studio Color Theme Editor from the Visual Studio Marketplace. After you install this tool, additional color themes appear in the Color theme drop-down list.

Themes

Tip

Visual Studio Themes Folder

Mac stellar data recovery professional activation key. You can create your own themes by installing the Visual Studio Color Theme Designer from the Visual Studio Marketplace.

Best Visual Studio Themes

Change text colors in the editor

Now we'll customize some text colors for the editor. First, let's create a new XML file to see the default colors.

  1. From the menu bar, choose File > New > File.

  2. In the New File dialog box, under the General category, choose XML File, and then choose Open.

  3. Paste the following XML below the line that contains <?xml version='1.0' encoding='utf-8'?>.

    Notice that the line numbers are a turquoise-blue color, and the XML attributes (such as id='bk101') are a light blue color. We're going to change the text color for these items.

  4. To open the Options dialog box, choose Tools > Options from the menu bar.

  5. Under Environment, choose the Fonts and Colors category.

    Notice that the text under Show settings for says Text Editor—this is what we want. Expand the drop-down list just to see the extensive list of places where you can customize fonts and text color.

  6. To change the color of the line numbers text, in the Display items list, choose Line Number. In the Item foreground box, choose Olive.

    Some languages have their own specific fonts and colors settings. If you are a C++ developer and you want to change the color used for functions, for example, you can look for C++ Functions in the Display items list.

  7. Before we exit out of the dialog box, let's also change the color of XML attributes. In the Display items list, scroll down to XML Attribute and select it. In the Item foreground box, choose Lime. Choose OK to save our selections and close the dialog box.

    The line numbers are now an olive color, and the XML attributes are a bright, lime green. If you open another file type, such as a C++ or C# code file, you'll see that the line numbers also appear in the olive color.

We explored just a couple ways of customizing the colors in Visual Studio. We hope that you'll explore the other customization options in the Options dialog box, to truly make Visual Studio your own.

See also