From 954d4dbcf04a0c2062c0bc460cb6c894035c949c Mon Sep 17 00:00:00 2001 From: Andre Padez Date: Mon, 17 Aug 2026 02:30:47 +0100 Subject: [PATCH] Use the canonical brand yellow #FECF03 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replaces #FCC001, which was measured off the hexagons in OffScaleAppIcon.png. Sampling was the wrong approach: PNG antialiasing and the icon's own shading make any eyedropper result an approximation of the brand value rather than the value itself. #FECF03 (hue 48.8deg) is the canonical one. All three yellows resolve through root.accent — the bar's tailnet label, the active connection name, and the IP/DNS subtitle — so this is a single value. The wordmark asset is unaffected. Co-Authored-By: Claude Opus 5 --- Panel.qml | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/Panel.qml b/Panel.qml index 4b7c115..87e97fd 100644 --- a/Panel.qml +++ b/Panel.qml @@ -29,17 +29,18 @@ Panel { readonly property color urgent: bar ? bar.urgent : Color.urgent readonly property color dim: Qt.darker(foreground, 1.55) - // Brand yellow: the modal fill of the hexagons in OffScaleAppIcon.png, - // sampled from fully-opaque pixels only (the cluster sits at 252,192-196,1-2, - // so this is the flat colour rather than an antialiased edge). Replaced - // #FAE204, which came from the previous logo and was noticeably greener. + // Brand yellow/gold: #FECF03, hue 48.8deg. This is the canonical brand + // value, not a sample — an earlier #FCC001 was measured off the hexagons in + // OffScaleAppIcon.png, but PNG antialiasing and the icon's own shading make + // sampled pixels an approximation. Take this from the brand, never a + // screenshot or an eyedropper. // // Everything yellow in the plugin resolves through here: the tailnet label in // the bar, the active connection's name, and the IP / DNS subtitle under each // machine. That subtitle takes the accent flat rather than through `dim`, // because darkening yellow shifts its hue to olive rather than quietening it. // Icons stay on the themed foreground. - readonly property color accent: "#FCC001" + readonly property color accent: "#FECF03" readonly property string fontFamily: bar ? bar.fontFamily : Style.font.family readonly property bool showConnections: tailscale.accounts.length > 1 || tailscale.accountsAccessDenied readonly property bool showPeers: tailscale.active && tailscale.peers.length > 0