WPF window has different colors in VS designer than when debugging?

Question

The WPF window background color is white during design in Visual Studio, but when I debug the application, it is black instead. Why?

Here is my .xaml code:

Colors in designer Colors when running

Smartis has left SO again · Accepted Answer

Look at your App.xaml File.

If it contains:

Replace it with:

Explanation

Your App.xaml is the entry point for your program an will apply the style settings to every child Window / Page / Control, but often the VS Designer can't load all resources in designing mode. So in VS it will be default white and on running the Application applies the styles completely.

MahApps use 2 default style templates for windows:

"BaseLight", "BaseDark"

Testing

Of course if it's not in the App.xaml you can check this with ThemeManager.DetectAppStyle(this); in your MetroWindow Constructor debugging.

Or override in your App.xaml.cs the OnStartup() Methode like this:

public partial class App : Application
{
    protected override void OnStartup (StartupEventArgs e)
    {
        // get the theme from the current application
        var theme = ThemeManager.DetectAppStyle(Application.Current);

        // now set the Green accent and dark theme
        ThemeManager.ChangeAppStyle(Application.Current,
                                    ThemeManager.GetAccent("Blue"),
                                    ThemeManager.GetAppTheme("BaseLight"));

        base.OnStartup(e);
    }
}

UPDATE

After your telling us that there is no App.xaml Entry Point in your Application the problem is clear. MahApps requires some resource dictionaries, as you can read at the Quick Start Guide.

I think in your case you just missing the styles for MahApps. So add, after your Tag following:

WPF window has different colors in VS designer than when debugging?

Answers (1)

Related Questions