Skip to content

Commit cc9ea28

Browse files
Merge pull request #11515 from TerryGLee/tglee-fresh50
(freshness) Update links and text
2 parents 59878fe + 7532277 commit cc9ea28

File tree

1 file changed

+30
-25
lines changed

1 file changed

+30
-25
lines changed

docs/ide/quickstart-personalize-the-ide.md

Lines changed: 30 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,35 @@
11
---
22
title: Set the Visual Studio dark theme and change text colors
3-
description: Learn how to change the default Visual Studio color theme to dark mode and change font colors in the code editor.
4-
ms.date: 08/24/2022
3+
description: Learn how to change the default Visual Studio color theme in the IDE and how to change the font colors in the code editor.
4+
ms.date: 08/04/2023
55
ms.topic: how-to
6-
ms.custom: contperf-fy21q1
76
author: TerryGLee
87
ms.author: tglee
98
manager: jmartens
109
ms.technology: vs-ide-general
1110
ms.workload:
1211
- multiple
1312
---
14-
# How to: Personalize the Visual Studio IDE and the editor
13+
# Personalize the Visual Studio IDE and the editor
1514

1615
[!INCLUDE [Visual Studio](~/includes/applies-to-version/vs-windows-only.md)]
1716

1817
::: moniker range="vs-2022"
1918

20-
In this how-to article, we'll customize the Visual Studio color theme. Then, we'll customize the colors for two different types of text in the code editor.
19+
This article shows you how to change the [color theme](#set-the-color-theme-for-the-ide) in the Visual Studio IDE, and how to change the [font colors](#change-text-colors-in-the-editor) in the editor.
2120

22-
If you haven't already installed Visual Studio, go to the [Visual Studio downloads](https://visualstudio.microsoft.com/downloads) page to install it for free.
21+
> [!TIP]
22+
> If you haven't already installed Visual Studio, go to the [Visual Studio downloads](https://visualstudio.microsoft.com/downloads) page to install it for free.
2323
2424
## Set the color theme for the IDE
2525

26-
The default color theme for Visual Studio's user interface is **Dark**. Here's how to change it to a different color theme.
26+
The default color theme for the Visual Studio user interface is **Dark**. Here's how to change it to a different color theme.
2727

2828
1. On the menu bar, select **Tools** > **Options**.
2929

3030
1. In the options list, select **Environment** > **General**.
3131

32-
1. In the **Color theme** list, choose between the default **Dark** theme, the **Blue** theme, the **Blue (Extra Contrast)** theme, and the **Light** theme. Or, choose the **Use system setting** option to select the theme that Windows uses.
32+
1. In the **Color theme** list, choose between the **Blue** theme, the **Blue (Extra Contrast)** theme, the default **Dark** theme, and the **Light** theme. Or, choose the **Use system setting** option to select the theme that Windows uses.
3333

3434
:::image type="content" source="media/vs-2022/fonts-colors-theme.png" alt-text="Screenshot of the Options dialog box where you can change the color theme.":::
3535

@@ -43,21 +43,21 @@ The default color theme for Visual Studio's user interface is **Dark**. Here's h
4343

4444
::: moniker range="vs-2019"
4545

46-
In this how-to article, we'll customize the Visual Studio color theme from the blue theme to the dark theme. Then, we'll customize the colors for two different types of text in the code editor.
46+
This article shows you how to customize the Visual Studio color theme from the blue theme to the dark theme. Then, it shows you how to customize the colors for two different types of text in the code editor.
4747

4848
If you haven't already installed Visual Studio, go to the [Visual Studio downloads](https://visualstudio.microsoft.com/downloads) page to install it for free.
4949

5050
## Set the color theme for the IDE
5151

52-
The default color theme for Visual Studio's user interface is **Blue**. Let's change it to **Dark**.
52+
The default color theme for Visual Studio's user interface is **Blue**. Here's how to change it to **Dark**.
5353

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

5656
1. On the **Environment** > **General** options page, change the **Color theme** selection to **Dark**, and then choose **OK**.
5757

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

60-
![Visual Studio 2019 in dark theme](media/vs-2019/dark-theme.png)
60+
![Screenshot of Visual Studio 2019 in dark theme.](media/vs-2019/dark-theme.png)
6161

6262
> [!TIP]
6363
> You can create your own themes by installing the **Visual Studio Color Theme Designer** from the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=ms-madsk.ColorThemeDesigner).
@@ -66,7 +66,9 @@ The default color theme for Visual Studio's user interface is **Blue**. Let's ch
6666

6767
## Change text colors in the editor
6868

69-
Now we'll customize some text colors for the editor. First, let's create a new XML file to see the default colors.
69+
Here's how to customize some text colors for the editor.
70+
71+
First, create a new XML file to see the default colors:
7072

7173
1. From the menu bar, choose **File** > **New** > **File**.
7274

@@ -100,40 +102,43 @@ Now we'll customize some text colors for the editor. First, let's create a new X
100102
</Catalog>
101103
```
102104

103-
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.
105+
Notice that the line numbers are a turquoise-blue color, and the XML attributes (such as `id="bk101"`) are a light blue color.
104106

105-
![XML file font colors](media/quickstart-personalize-xml-file.png)
107+
![Screenshot of an XML file's font colors.](media/quickstart-personalize-xml-file.png)
108+
109+
Next, change the text color for these items:
106110

107111
1. To open the **Options** dialog box, choose **Tools** > **Options** from the menu bar.
108112

109113
1. Under **Environment**, choose the **Fonts and Colors** category.
110114

111-
Notice that the text under **Show settings for** says **Text Editor**&mdash;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.
115+
Notice that the text under **Show settings for** says **Text Editor**. You can expand the drop-down list to see the extensive list of places where you can customize the fonts and text color.
112116

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

115119
:::image type="content" source="media/vs-2022/personalize-line-number-color.png" alt-text="Screenshot of the Fonts and Colors category in the Options dialog box.":::
116120

117-
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.
121+
Some languages have their own specific fonts and colors settings. If you're 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.
122+
123+
1. Before you exit out of the dialog box, you can 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 the selections and close the dialog box.
118124

119-
1. 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.
125+
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, the line numbers also appear in the olive color.
120126

121-
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.
127+
![Screenshot of an XML file with new font colors.](media/quickstart-personalize-xml-file-new-colors.png)
122128

123-
![XML file with new font colors](media/quickstart-personalize-xml-file-new-colors.png)
129+
## Next steps
124130

125-
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**](../ide/reference/fonts-and-colors-environment-options-dialog-box.md) dialog box, to truly make Visual Studio your own.
131+
Explore the other customization options in the [**Fonts and Colors** > **Options**](../ide/reference/fonts-and-colors-environment-options-dialog-box.md) dialog box to truly make Visual Studio your own.
126132

127133
::: moniker range="vs-2022"
128134

129135
> [!TIP]
130-
> Looking for info on how to download VS Code color themes and then import them into Visual Studio? Check out the [Introducing a Collection of New Visual Studio Themes](https://devblogs.microsoft.com/visualstudio/custom-themes/) blog post for all the details.
136+
> Looking for info on how to download [VS Code](https://code.visualstudio.com/docs) color themes and then import them into Visual Studio? Check out the [Introducing a Collection of New Visual Studio Themes](https://devblogs.microsoft.com/visualstudio/custom-themes/) blog post for all the details.
131137
132138
::: moniker-end
133139

134140
## See also
135141

136-
- [How to: Change fonts, colors, and themes in Visual Studio](../ide/how-to-change-fonts-and-colors-in-visual-studio.md)
137-
- [How to: Change text case in the editor](../ide/how-to-change-text-case-in-the-editor.md)
138-
- [How to: Customize window layouts and personalize tabs](customizing-window-layouts-in-visual-studio.md)
139-
- [Visual Studio IDE overview](../get-started/visual-studio-ide.md)
142+
- [Change fonts, colors, and themes in Visual Studio](../ide/how-to-change-fonts-and-colors-in-visual-studio.md)
143+
- [Change text case in the editor](../ide/how-to-change-text-case-in-the-editor.md)
144+
- [Customize window layouts and personalize tabs](customizing-window-layouts-in-visual-studio.md)

0 commit comments

Comments
 (0)