diff --git a/Panel.qml b/Panel.qml index 6277f1c..4b7c115 100644 --- a/Panel.qml +++ b/Panel.qml @@ -29,12 +29,17 @@ Panel { readonly property color urgent: bar ? bar.urgent : Color.urgent readonly property color dim: Qt.darker(foreground, 1.55) - // Brand yellow, sampled as the dominant opaque colour of offscale-logo.png. - // Used for exactly one thing: the IP / DNS subtitle under each machine, at - // full strength. Stock renders that line through `dim`, but darkening yellow - // shifts its hue to olive (#A19203) rather than merely quietening it, so it - // gets the flat accent instead. Icons stay on the themed foreground. - readonly property color accent: "#FAE204" + // 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. + // + // 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 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 @@ -438,8 +443,8 @@ Panel { // Style.bar.iconCanvas (16 * fontScale ~= 27px here). Growing iconSize // alone can't get past that box, so widen the canvas first. slotSize is // raised to match so the widget still reserves room for it in the bar. - opticalSize: Style.space(21) - slotSize: Style.space(23) + opticalSize: Style.space(18) + slotSize: Style.space(19) iconComponent: Component { Item { OffscaleIcon { @@ -447,7 +452,7 @@ Panel { // Stock was space(11) = 18px at base-size 20 — noticeably smaller // than the neighbouring widgets. space(19) ~= 32px, inside the // widened canvas above. centerIn means it grows from the centre. - iconSize: Style.space(19) + iconSize: Style.space(16) color: root.barIconColor badgeColor: root.urgent crossed: !tailscale.active && !tailscale.needsLogin diff --git a/offscale-logo.png b/offscale-logo.png index d1e4bca..6c6e200 100644 Binary files a/offscale-logo.png and b/offscale-logo.png differ