From 60517229a0f226c466c7bfde732f7a374d71e33d Mon Sep 17 00:00:00 2001
From: RyLoS <rylos@users.noreply.github.com>
Date: Mon, 27 Apr 2026 09:49:17 +0200
Subject: [PATCH] fix: use Color.mOnSurface for Tailscale icon in all states

The icon color when Tailscale is connected was set to Color.mOnPrimary,
which is intended for elements on a primary-colored background. Since the
bar capsule uses Style.capsuleColor (not Color.mPrimary), this resulted
in a dark icon on dark themes with poor contrast.

Changed to Color.mOnSurface which correctly adapts to the capsule
background color across all themes.
---
 tailscale/BarWidget.qml | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/tailscale/BarWidget.qml b/tailscale/BarWidget.qml
index 3a232a98e..53c82b0c8 100644
--- a/tailscale/BarWidget.qml
+++ b/tailscale/BarWidget.qml
@@ -51,10 +51,7 @@ Item {
         pointSize: Style.fontSizeL
         applyUiScale: false
         crossed: !(mainInstance?.tailscaleRunning ?? false)
-        color: {
-          if (mainInstance?.tailscaleRunning ?? false) return Color.mOnPrimary
-          return mouseArea.containsMouse ? Color.mOnHover : Color.mOnSurface
-        }
+        color: mouseArea.containsMouse ? Color.mOnHover : Color.mOnSurface
         opacity: 1.0
       }