SwiftUI深色模式下强调色显示异常问题排查

我为浅色模式和深色模式定义了自定义强调色：浅色模式下强调色为黑色，深色模式下为白色。浅色模式中列表选中状态显示正常：

浅色模式激活时，列表选中项的文本与高亮背景对比清晰，符合预期

但切换到深色模式后，列表项的选中颜色未按预期工作：

深色模式激活时，选中项的颜色没有反转成白色，和背景区分度极低，无法正常辨识选中状态

为什么选中状态在深色模式下没有正常反转？截图来自macOS模拟器。

附选择相关代码 #

List(selection: $appState.selectedDetail) {                          
  ForEach(listItems) { item in           
    HStack {                              
      Text("\(item.startDate.formatDate())")                              
      Text("-")
      Text("\(item.endDate.formatDate())")                              
    }
    .tag(DetailSelection.item(item: item))                                 
    .monospaced()                
  }
}

问题原因与解决方法 #

核心原因 #

SwiftUI的List选中样式并非完全由自定义强调色控制，它依赖系统原生的selectedTextBackgroundColor和文本颜色的自动适配逻辑。直接硬编码强调色会打破这种关联，导致深色模式下选中状态的样式没有同步更新。

解决方案1：显式绑定选中状态的背景与文本颜色 #

通过listRowBackground和foregroundColor结合当前选中状态与颜色模式，手动控制样式：

List(selection: $appState.selectedDetail) {                          
  ForEach(listItems) { item in           
    let isSelected = appState.selectedDetail == .item(item: item)
    HStack {                              
      Text("\(item.startDate.formatDate())")                              
      Text("-")
      Text("\(item.endDate.formatDate())")                              
    }
    .tag(DetailSelection.item(item: item))                                 
    .monospaced()
    .foregroundColor(isSelected ? (ColorScheme.dark == .dark ? .white : .black) : .primary)
    .listRowBackground(isSelected ? Color(NSColor.selectedTextBackgroundColor) : Color.clear)
  }
}

解决方案2：让系统自动适配强调色 #

不要硬编码强调色，而是通过环境变量colorScheme动态设置应用的全局强调色，让系统组件自动适配：

@main
struct YourApp: App {
    @Environment(\.colorScheme) var colorScheme
    
    var body: some Scene {
        WindowGroup {
            ContentView()
                .onAppear {
                    let accentColor = colorScheme == .dark ? NSColor.white : NSColor.black
                    NSApp.windows.forEach { $0.accentColor = accentColor }
                }
                .onChange(of: colorScheme) { newScheme in
                    let accentColor = newScheme == .dark ? NSColor.white : NSColor.black
                    NSApp.windows.forEach { $0.accentColor = accentColor }
                }
        }
    }
}

这种方式会让List的选中状态自动跟随系统颜色模式调整，无需额外修改列表项样式。

解决方案3：排查全局样式干扰 #

检查项目中是否存在自定义的ViewModifier、全局NSAppearance设置，或者第三方UI框架，这些可能覆盖了List的默认选中样式，导致明暗模式下的适配失效。

内容的提问来源于stack exchange，提问作者andreas.teich