You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
title: Change themes, fonts, text, and contrast for accessibility
3
-
description: Learn how to change Visual Studio color themes, font colors, text sizes, and extra-contrast colors for ease of use and accessibility concerns.
4
-
ms.date: 02/28/2022
3
+
description: Learn how to change Visual Studio color themes, font colors, text sizes, extra-contrast colors, and more for ease of use and accessibility concerns.
4
+
titleSuffix: ''
5
+
ms.date: 04/04/2022
5
6
ms.topic: how-to
6
7
ms.custom: contperf-fy21q1
7
8
helpviewer_keywords:
@@ -22,7 +23,7 @@ ms.workload:
22
23
You can change the fonts and the colors in Visual Studio in several ways. For example, you can change the default dark theme (also referred to as "dark mode") to a light theme, a blue theme, an extra-contrast theme, or a theme that matches your system settings. You can also change the default font and text size in both the IDE and the code editor.
23
24
24
25
> [!TIP]
25
-
> See the [**We’ve upgraded the UI in Visual Studio 2022**](https://devblogs.microsoft.com/visualstudio/weve-upgraded-the-ui-in-visual-studio-2022/) blog post to learn more about the subtle color contrast ratio adjustments and a new Cascadia Code font we've added to make Visual Studio more accessible for everyone.
26
+
> See the [**We’ve upgraded the UI in Visual Studio 2022**](https://devblogs.microsoft.com/visualstudio/weve-upgraded-the-ui-in-visual-studio-2022/) blog post to learn more about the subtle color contrast ratio adjustments and a new [Cascadia Code](#use-the-cascadia-code-font) font we've added to make Visual Studio more accessible for everyone.
26
27
27
28
::: moniker-end
28
29
@@ -154,9 +155,9 @@ You can change the font and text size for all the IDE frame and tool windows, or
154
155
155
156
::: moniker-end
156
157
157
-
For more information about how to change fonts and colors in the code editor, see the see the [Change fonts and colors for the editor](../ide/reference/how-to-change-fonts-and-colors-in-the-editor.md) page. And, for details about all the user interface (UI) elements where you can change font and color schemes, see the [Fonts and Colors, Environment, Options Dialog Box](../ide/reference/fonts-and-colors-environment-options-dialog-box.md) page.
158
+
For more information about how to change fonts and colors for accessibility, see the [Set accessibility options](#set-accessibility-options) section of this page. And, for details about all the user interface (UI) elements where you can change font and color schemes, see the [Fonts and Colors, Environment, Options Dialog Box](../ide/reference/fonts-and-colors-environment-options-dialog-box.md) page.
158
159
159
-
## Accessibility options
160
+
## Set accessibility options
160
161
161
162
::: moniker range="vs-2022"
162
163
@@ -219,19 +220,125 @@ Use the following procedures to toggle the Visual Studio extra contrast option:
219
220
220
221
### More accessibility features in Visual Studio
221
222
222
-
In addition to the font and color accessibility features, here are more a few more features that make Visual Studio more accessible for people with disabilities:
223
+
Visual Studio also includes features to help people who have limited dexterity to write. For example, Visual Studio supports Dvorak keyboard layouts, which make the most frequently typed characters more accessible.
223
224
224
-
- Keyboard shortcut controls and customization; see [How to use the keyboard exclusively](reference/how-to-use-the-keyboard-exclusively.md) and [Keyboard shortcuts in Visual Studio](default-keyboard-shortcuts-in-visual-studio.md).
225
+
You can also customize the default keyboard shortcuts available with Visual Studio. For more information, see the following pages:
225
226
226
-
- Auto-completion for methods and parameters; see [IntelliSense in Visual Studio](using-intellisense.md).
227
+
-[Identify and customize keyboard shortcuts](identifying-and-customizing-keyboard-shortcuts-in-visual-studio.md)
228
+
-[How to use the keyboard exclusively](reference/how-to-use-the-keyboard-exclusively.md)
229
+
-[Keyboard shortcuts in Visual Studio](default-keyboard-shortcuts-in-visual-studio.md)
227
230
228
-
For more information about features, products, and services that make Windows more accessible for people with disabilities, see [Accessibility products and services from Microsoft](reference/accessibility-products-and-services-from-microsoft.md). And, for more information about how to obtain more accessible formats of documentation for Microsoft products, see the [Documentation in alternative formats](reference/accessibility-products-and-services-from-microsoft.md#documentation-in-alternative-formats)section of the [Accessibility products and services from Microsoft](reference/accessibility-products-and-services-from-microsoft.md) page.
231
+
Visual Studio also includes auto-completion for methods and parameters; for more information, see [IntelliSense in Visual Studio](using-intellisense.md).
232
+
233
+
::: moniker range="vs-2017"
234
+
235
+
> [!TIP]
236
+
> To learn more about recent accessibility updates, see the [Accessibility improvements in Visual Studio 2017 version 15.3](https://devblogs.microsoft.com/visualstudio/accessibility-improvements-in-visual-studio-2017-version-15-3/) blog post.
237
+
238
+
::: moniker-end
239
+
240
+
There are more ways to customize Visual Studio to be more accessible to you. For example, you can change the behavior of pop-up windows, text-based tool windows, toolbar buttons, margin indicators, and more.
241
+
242
+
> [!NOTE]
243
+
> The dialog boxes and menu commands you see might differ from those described here, which can vary depending on your active settings or edition. To change your settings, choose **Import and Export Settings** on the **Tools** menu. For more information, see [Reset settings](environment-settings.md#reset-settings).
244
+
245
+
#### Change the behavior of pop-up windows
246
+
247
+
Visual Studio displays pop-up windows in the editor. These pop-up windows include information that makes coding easier, such as parameters to complete a function or statement. The pop-up windows can also be helpful if you have difficulty typing. However, some users might find that they interfere with focus in the code editor, which can be problematic.
1. Clear the **Auto list members** and **Parameter information** checkboxes.
256
+
257
+
You can rearrange the windows in the integrated development environment (IDE) to best suit the way you work. You can dock, float, hide, or automatically hide each tool window. For more information about how to change window layouts, see [Customize window layouts](customizing-window-layouts-in-visual-studio.md).
258
+
259
+
#### Change the settings of text-based tool windows
260
+
261
+
You can change the settings for text-based tool windows, such as the **Command** window, **Immediate** window, and **Output** window by using **Tools** > **Options** > **Environment** > **Fonts and Colors**.
262
+
263
+
When you select **[All Text Tool Windows]** in the **Show settings for** drop-down list, the default setting is listed as **Default** in the **Item foreground** and **Item background** drop-down lists. Choose the **Custom** button to change these settings.
264
+
265
+
You can also change the settings for how text is displayed in the editor. Here's how.
266
+
267
+
1. From the **Tools** menu, choose **Options**.
268
+
269
+
1. Choose **Environment** > **Fonts and Colors**.
270
+
271
+
1. Select an option on the **Show settings for** drop-down menu.
272
+
273
+
To change the font size for text in an editor, choose **Text Editor**.
274
+
275
+
To change the font size for text in text-based tool windows, choose **[All Text Tool Windows]**.
276
+
277
+
To change the font size for ToolTip text in an editor, choose **Editor Tooltip**.
278
+
279
+
To change the font size for text in statement completion pop-ups, choose **Statement Completion**.
280
+
281
+
1. From **Display items**, select **Plain Text**.
282
+
283
+
1. In **Font**, select a new font type.
284
+
285
+
1. In **Size**, select a new font size.
286
+
287
+
> [!TIP]
288
+
> To reset the text size for text-based tool windows and editors, choose **Use Defaults**.
289
+
290
+
7. Choose **OK**.
291
+
292
+
#### Change the colors for text, margin indicators, white space, and code elements
293
+
294
+
You can choose to change the default colors for text, margin indicators, white space, and code elements in the editor. Here's how.
295
+
296
+
1. From the **Tools** menu, choose **Options**.
297
+
298
+
1. In the **Environment** folder, choose **Fonts and Colors**.
299
+
300
+
1. In **Show settings for**, choose **Text Editor**.
301
+
302
+
1. From **Display items**, select an item whose display you need to change, such as **Plain Text**, **Indicator Margin**, **Visible White Space**, **HTML Attribute Name**, or **XML Attribute**.
303
+
304
+
1. Select display settings from the following options: **Item foreground**, **Item background**, and **Bold**.
305
+
306
+
1. Choose **OK**.
307
+
308
+
> [!TIP]
309
+
> To use high contrast colors for all application windows on your operating system, press **Left Alt**+**Left Shift**+**PrtScn**. If Visual Studio is open, close and then reopen it to fully implement high contrast colors.
310
+
311
+
#### Add text to toolbar buttons or modify the text
312
+
313
+
To improve toolbar usability and accessibility, you can add text to toolbar buttons.
314
+
315
+
###### To assign text to toolbar buttons
316
+
317
+
1. From the **Tools** menu, choose **Customize**.
318
+
319
+
1. In the **Customize** dialog box, select the **Commands** tab.
320
+
321
+
1. Select **Toolbar**, and then choose the toolbar name that contains the button you intend to display text for.
322
+
323
+
1. In the list, select the command you intend to change.
324
+
325
+
1. Choose **Modify Selection**.
326
+
327
+
1. Choose **Image and Text**.
328
+
329
+
###### To modify the displayed text in a button
330
+
331
+
1. Re-select **Modify Selection**.
332
+
333
+
1. Adjacent to In **Name**, insert provide a new caption for the selected button.
229
334
230
335
### Accessibility support
231
336
337
+
For more information about features, products, and services that make Windows more accessible for people with disabilities, see [Accessibility products and services from Microsoft](reference/accessibility-products-and-services-from-microsoft.md). And, for more information about how to obtain more accessible formats of documentation for Microsoft products, see the [Documentation in alternative formats](reference/accessibility-products-and-services-from-microsoft.md#documentation-in-alternative-formats) section of the [Accessibility products and services from Microsoft](reference/accessibility-products-and-services-from-microsoft.md) page.
338
+
232
339
The accessibility information included on this page might apply only to users who license Microsoft products in the United States. If you obtained this product outside of the United States, visit the [Microsoft Accessibility](https://www.microsoft.com/accessibility/) website for a list of Microsoft support services telephone numbers and addresses. You can contact your subsidiary to find out whether the type of products and services described on this page are available in your area. Information about accessibility is also available in other languages.
233
340
234
341
## See also
235
342
236
343
-[Features of the Visual Studio code editor](../ide/writing-code-in-the-code-and-text-editor.md)
237
-
-[Personalize the Visual Studio IDE and the editor](../ide/quickstart-personalize-the-ide.md)
344
+
-[Personalize the Visual Studio IDE and the editor](../ide/quickstart-personalize-the-ide.md)
0 commit comments