Separate transparent bar foreground from panel text

shell/plugins/panels/dropbox/Panel.qml

@@ -36,6 +36,7 @@ Panel {
   readonly property color dim: Qt.darker(foreground, 1.55)
   readonly property string fontFamily: bar ? bar.fontFamily : Style.font.family
   readonly property color iconColor: dropbox.authenticated ? foreground : dim
+  readonly property color barIconColor: dropbox.authenticated ? barForeground : Qt.darker(barForeground, 1.55)
 
   function ensureCursor() {
     if (!dropbox.authenticated) {
@@ -168,7 +169,7 @@ Panel {
     DropboxIcon {
       anchors.centerIn: parent
       iconSize: Style.space(12)
-      color: root.iconColor
+      color: root.barIconColor
       opacity: dropbox.authenticated ? 1.0 : 0.6
     }
 

shell/plugins/panels/tailscale/Panel.qml

@@ -43,6 +43,7 @@ Panel {
   readonly property var exitNodes: tailscale.exitNodes
   readonly property bool showExitNodes: tailscale.running && exitNodes.length > 0
   readonly property color iconColor: tailscale.running ? foreground : dim
+  readonly property color barIconColor: tailscale.running ? barForeground : Qt.darker(barForeground, 1.55)
   readonly property color hoverFill: bar ? Style.hoverFillFor(bar.foreground, Color.accent) : "transparent"
   readonly property color selectedFill: bar ? Style.selectedFillFor(bar.foreground, Color.accent) : "transparent"
 
@@ -260,7 +261,7 @@ Panel {
       anchors.centerIn: parent
       anchors.verticalCenterOffset: -Style.space(1)
       iconSize: Style.space(12) * 0.85
-      color: root.iconColor
+      color: root.barIconColor
       badgeColor: root.urgent
       crossed: !tailscale.running && !tailscale.needsLogin
       warning: tailscale.needsLogin