Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change background color of XAML designer in vs2012?

I just try to view the result after XAML code in Designer. However, it's hard to recognize the black letters when I use a dark theme in vs2012.

My question is how to change designer background to white color without modifying the dark theme. Seems to change several options in tools?

Thanks


Please skim over all the answers. All have different approaches and it may be that the later ones will suit your needs better.

like image 200
Ted Corleone Avatar asked Jan 11 '13 05:01

Ted Corleone


People also ask

How do I change the background color in WPF?

Navigate to the Properties window, and click the Background drop-down arrow, and choose Red or another color in the color picker.

How do I change the background color in Visual Studio?

Here's how to change it to a different color theme. On the menu bar, select Tools > Options. In the options list, select Environment > General. In the Color theme list, choose between the default Dark theme, the Blue theme, the Blue (Extra Contrast) theme, and the Light theme.

How do I enable XAML designer?

To open this page, choose the Tools menu and then choose Options. To access the XAML Designer property page, choose the XAML Designer node. Settings for the XAML Designer are applied when you open the document. So, if you make changes to the settings, you need to close and then reopen Visual Studio to see the changes.

Where is XAML designer?

To open the XAML Designer, right-click a XAML file in Solution Explorer and choose View Designer. to switch which window appears on top: either the artboard or the XAML editor.


Video Answer


2 Answers

In VS 2013 you can change XAML designer background. Go to:

Tools -> Options -> Environment -> Fonts and Colors 

In the combobox at the top of the panel, select:

Show settings for: XAML UI Designer 

Then set:

Item foreground : white Item background : white or very light grey (custom) 
like image 98
VisualStudioEspresso Avatar answered Sep 20 '22 21:09

VisualStudioEspresso


As of Visual Studio 2017 the XAML designer has a "Toggle artboard background" button, which has the effect of changing the transparent from a black checkerboard to a white checkerboard.

The benefit of this is there is no need to modify your XAML files.

Image showing where the Toggle artboard background is in Visual Studio 2017 XAML designer

like image 26
Jack Ukleja Avatar answered Sep 21 '22 21:09

Jack Ukleja