From b39fa87d316153d383e17db6129e86671357260d Mon Sep 17 00:00:00 2001 From: Andrew Blakeslee Moore Date: Tue, 7 Jul 2026 00:54:15 -0700 Subject: [PATCH] Update EXPERIMENTAL Pill Colors Nucleic-Session: F6358035-01F2-46A1-83D9-B26FE40148BF Co-authored-by: Nucleic --- .../NucleicRemote/Views/BuildBanner.swift | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/NucleicRemote/NucleicRemote/Views/BuildBanner.swift b/NucleicRemote/NucleicRemote/Views/BuildBanner.swift index 21595a2..7cab639 100644 --- a/NucleicRemote/NucleicRemote/Views/BuildBanner.swift +++ b/NucleicRemote/NucleicRemote/Views/BuildBanner.swift @@ -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)) } }