WinUI3：如何设置随明暗模式自动切换的控件颜色（无需额外代码）

问题根源 #

你使用的SystemAccentColorLight2是仅对应浅色主题的固定资源，它不会随应用或系统的明暗模式切换自动更新，因此深色模式下颜色保持不变。

解决方案 #

1. 直接使用系统自适应主题资源 #

WinUI3内置了大量可自动适配主题的资源，以下是适合作为背景的常用选项，无需额外代码即可跟随模式切换：

• SystemControlBackgroundAltHighBrush：与默认背景有明显区分的交替背景
• SystemControlBackgroundAccentBrush：自适应主题的强调色背景
• SystemControlChromeLowBrush：低对比度的自适应背景

替换你的代码即可生效：

<StackPanel Background="{ThemeResource SystemControlBackgroundAltHighBrush}">
    <!-- 你的内容 -->
</StackPanel>

2. 自定义完全匹配需求的自适应背景 #

如果系统提供的资源不符合你的视觉需求，可以在App.xaml或页面的ResourceDictionary中定义分主题的自定义资源：

<ResourceDictionary>
    <ResourceDictionary.ThemeDictionaries>
        <ResourceDictionary x:Key="Light">
            <SolidColorBrush x:Key="CustomStackBg" Color="#F5F5F5"/>
        </ResourceDictionary>
        <ResourceDictionary x:Key="Dark">
            <SolidColorBrush x:Key="CustomStackBg" Color="#2D2D2D"/>
        </ResourceDictionary>
    </ResourceDictionary.ThemeDictionaries>
</ResourceDictionary>

之后在StackPanel中引用该资源：

<StackPanel Background="{ThemeResource CustomStackBg}">
    <!-- 你的内容 -->
</StackPanel>

3. 基于外层背景做微调 #

如果只需在外层StackPanel背景的基础上稍作调整，可直接嵌套使用系统提供的层级化背景资源：

<!-- 外层使用默认背景 -->
<StackPanel Background="{ThemeResource SystemControlBackgroundChromeMediumBrush}">
    <!-- 内层使用稍浅/稍深的自适应背景 -->
    <StackPanel Background="{ThemeResource SystemControlBackgroundChromeMediumLowBrush}">
        <!-- 你的内容 -->
    </StackPanel>
</StackPanel>

以上所有方案均无需额外编写C#代码处理主题切换逻辑，完全由WinUI3的主题资源系统自动适配明暗模式。

内容的提问来源于stack exchange，提问作者brainer33