如何让SwiftUI视图在Widget中实现黑底绿字的强调效果？

现有一段SwiftUI视图代码，当前呈现灰色背景、白色文本的效果，希望修改为黑色背景、绿色（着色）文本的样式，该需求完全可行，实现方法如下：

原始代码 #

VStack(alignment: .leading, spacing: 0) {
    Text("my simple text in first line")
        .frame(maxWidth: .infinity, alignment: .leading)
        .multilineTextAlignment(.leading)
        .foregroundColor(.white)
        .font(.caption)
        .padding(10)
        .background(Color.gray)
        .widgetAccentable()
    Text("my simple text in second line")
            .frame(maxWidth: .infinity, alignment: .leading)
            .multilineTextAlignment(.leading)
            .foregroundColor(.white)
            .font(.caption)
            .opacity(0.7)
            .lineLimit(5)
            .padding(10)
            .background(Color.gray)
            .widgetAccentable()
    Spacer()
}
.frame(maxWidth: .infinity, alignment: .leading)

当前效果说明 #

默认状态下为灰色背景搭配白色文本，强调状态（由widgetAccentable触发）时文本会切换为系统 accent 色。

修改方案 #

直接调整background和foregroundColor的颜色参数即可；若需要和目标图标完全匹配的绿色，可通过取色器获取对应RGB值自定义颜色：

修改后的代码示例 #

// 自定义匹配目标图标的绿色（示例值，可根据实际取色结果调整）
let targetGreen = Color(red: 0.2, green: 0.8, blue: 0.3)

VStack(alignment: .leading, spacing: 0) {
    Text("my simple text in first line")
        .frame(maxWidth: .infinity, alignment: .leading)
        .multilineTextAlignment(.leading)
        .foregroundColor(targetGreen) // 设置绿色文本
        .font(.caption)
        .padding(10)
        .background(Color.black) // 设置黑色背景
        .widgetAccentable() // 若需强调状态保持绿色，可移除该修饰符
    Text("my simple text in second line")
            .frame(maxWidth: .infinity, alignment: .leading)
            .multilineTextAlignment(.leading)
            .foregroundColor(targetGreen)
            .font(.caption)
            .opacity(0.7) // 保留第二行文本的半透明效果
            .lineLimit(5)
            .padding(10)
            .background(Color.black)
            .widgetAccentable()
    Spacer()
}
.frame(maxWidth: .infinity, alignment: .leading)

补充说明 #

• 若希望强调状态下文本仍保持自定义绿色，直接移除.widgetAccentable()修饰符即可；若需保留强调交互但替换系统accent色，可在视图层级上层添加.accentColor(targetGreen)。
• 自定义颜色的RGB值可通过取色工具提取目标图标的颜色，确保样式完全匹配。

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