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) Text(style.label)
.font(.footnote.weight(.semibold)) .font(.footnote.weight(.semibold))
.lineLimit(1) .lineLimit(1)
Spacer(minLength: 12)
Text(info.buildLabel) Text(info.buildLabel)
.font(.caption.monospaced()) .font(.caption.monospaced())
.opacity(0.85) .opacity(0.85)
Text("EXPERIMENTAL") Text("EXPERIMENTAL")
.font(.caption2.weight(.heavy)) .font(.caption2.weight(.heavy))
.tracking(0.9) .tracking(0.9)
.foregroundStyle(.white)
.padding(.horizontal, 6) .padding(.horizontal, 6)
.padding(.vertical, 2) .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(.horizontal, 12)
.padding(.vertical, 5) .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)) .accessibilityLabel(style.tooltip(version: info.version, build: info.buildLabel))
} }
} }