Button appears all black in dark theme - Windows 11 (WinUi 3)

Question

I am develop a new app for Windows 11 with WinUi 3 and in my MainPage the button appears all black in dark theme:

Why this happen?

This is a resume of my code:

<Window
    <Grid Name="Main" RowDefinitions="Auto,*">
        <RelativePanel Grid.Row="0"
                       Background="{ThemeResource SystemControlAcrylicWindowBrush}">
            <TextBlock Name="TextBlock_AAA"
                       Text="AAA">
        </RelativePanel>
        <RelativePanel Grid.Row="1">
            <Button Name="Button_AAA"
                Content="AAA"
                Click="AAA_Click"/>
        </RelativePanel>
    </Grid>
</Window>

I have made a code sample with winui3, but I can't reproduce your problem. the button background is light gray within dark [theme](https://i.stack.imgur.com/hCHfp.png). — Nico Zhu, Mar 22 '22 at 02:00
@Luís: The `Button` is not even "all black" in the picture you have posted. — mm8, Mar 22 '22 at 14:33

score 0 · Answer 1 · answered Mar 24 '22 at 00:36

@Luís, you're putting your UI directly in your window which is why it is not being styled. Add a Blank Page (from the WinUI tab in VisualStudio) called something like "MainPage" and move your Grid into the XAML for the Page. In the XAML for your main window, simply put <local:MainPage/> as the only content. Now your button will look like the one in the comment by @nico-zhu-msft

Button appears all black in dark theme - Windows 11 (WinUi 3)

1 Answers1