From ee1d705abce25dcef1f44fdb0c548646970df610 Mon Sep 17 00:00:00 2001 From: Alan Wizemann Date: Mon, 20 Apr 2026 14:16:54 -0700 Subject: [PATCH] fix: move connection pill off .principal to drop the emphasis bezel MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit macOS applies a centered emphasis bezel (light capsule + drop shadow) to ToolbarItem(placement: .principal) — visible in screenshots as a doubly-framed "capsule behind the pill" look. The pill itself doesn't own that background; the toolbar placement does. .primaryAction (right side of the toolbar) has no decorative background, so the pill renders as just the colored dot + label text directly on the toolbar surface. Fits the intended minimal look. Co-Authored-By: Claude Opus 4.7 (1M context) --- scarf/scarf/ContentView.swift | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/scarf/scarf/ContentView.swift b/scarf/scarf/ContentView.swift index 8a44b76..7571002 100644 --- a/scarf/scarf/ContentView.swift +++ b/scarf/scarf/ContentView.swift @@ -21,7 +21,12 @@ struct ContentView: View { ServerSwitcherToolbar() } if serverContext.isRemote { - ToolbarItem(placement: .principal) { + // `.principal` placement renders the item inside a + // centered emphasis bezel on macOS, which reads as + // an unwanted capsule-with-shadow around the pill. + // `.primaryAction` (right side of the toolbar) has + // no decorative background — what we want. + ToolbarItem(placement: .primaryAction) { ConnectionStatusPill(status: connectionStatus) } }