From c0e4c80f55804e4940d6c7b6da43a9dcc8dde186 Mon Sep 17 00:00:00 2001
From: Ryan Hughes <ryan@heyoodle.com>
Date: Tue, 2 Jun 2026 11:17:13 -0400
Subject: [PATCH] Bring on gradient borders

---
 Panel.qml         | 5 ++---
 TailscaleIcon.qml | 6 +++---
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/Panel.qml b/Panel.qml
index 2cbdf9b..69e8d5f 100644
--- a/Panel.qml
+++ b/Panel.qml
@@ -1022,10 +1022,9 @@ Panel {
             event.accepted = true
           }
         }
-        background: Rectangle {
+        background: BorderSurface {
           color: Color.background
-          border.color: root.dim
-          border.width: 1
+          borderSpec: Border.flat(root.dim, 1)
           radius: Style.cornerRadius
         }
 
diff --git a/TailscaleIcon.qml b/TailscaleIcon.qml
index e0f3a1b..c8b2556 100644
--- a/TailscaleIcon.qml
+++ b/TailscaleIcon.qml
@@ -1,5 +1,6 @@
 import QtQuick
 import qs.Commons
+import qs.Ui
 
 Item {
   id: root
@@ -42,7 +43,7 @@ Item {
     rotation: -45
   }
 
-  Rectangle {
+  BorderSurface {
     visible: root.warning
     width: Math.max(7, parent.width * 0.42)
     height: width
@@ -50,8 +51,7 @@ Item {
     color: root.badgeColor
     anchors.right: parent.right
     anchors.bottom: parent.bottom
-    border.color: Color.popups.background
-    border.width: 1
+    borderSpec: Border.flat(Color.popups.background, 1)
 
     Text {
       anchors.centerIn: parent