Update EXPERIMENTAL Pill Colors

Nucleic-Session: F6358035-01F2-46A1-83D9-B26FE40148BF
Co-authored-by: Nucleic <[email protected]>
This commit is contained in:
2026-07-07 00:54:15 -07:00
co-authored by Nucleic
parent dd90cc6f8c
commit b39fa87d31
@@ -100,22 +100,26 @@ struct BuildBanner: View {
Text(style.label)
.font(.footnote.weight(.semibold))
.lineLimit(1)
Spacer(minLength: 12)
Text(info.buildLabel)
.font(.caption.monospaced())
.opacity(0.85)
Text("EXPERIMENTAL")
.font(.caption2.weight(.heavy))
.tracking(0.9)
.foregroundStyle(.white)
.padding(.horizontal, 6)
.padding(.vertical, 2)
.background(style.tint, in: .capsule)
.background(.white.opacity(0.16), in: .capsule)
}
.foregroundStyle(.primary)
.foregroundStyle(.white.opacity(0.92))
.padding(.horizontal, 12)
.padding(.vertical, 5)
.frame(maxWidth: .infinity)
// The channel-colored stripe wraps only this row of content — channel name, build
// label, and the EXPERIMENTAL pill — instead of bleeding across the full window
// header, then sits at the leading edge with a little breathing room around it.
.background(style.tint.opacity(0.9), in: .rect(cornerRadius: 8))
.padding(.horizontal, 12)
.padding(.vertical, 4)
.frame(maxWidth: .infinity, alignment: .leading)
.accessibilityLabel(style.tooltip(version: info.version, build: info.buildLabel))
}
}