Bring on gradient borders

shell/Ui/PanelToolTip.qml

@@ -24,13 +24,14 @@ ToolTip {
   property string fontFamily: Style.font.family
   property real fontSize: Style.font.bodySmall
 
+  readonly property var panelBorderSpec: Border.localOrSurfaceSpec("tooltip", "border", panelBorder, Color.tooltip.border, Style.normalBorderWidth)
+
   delay: 400
   padding: 0
 
-  background: Rectangle {
+  background: BorderSurface {
     color: root.panelBackground
-    border.color: root.panelBorder
-    border.width: Style.normalBorderWidth
+    borderSpec: root.panelBorderSpec
     radius: Style.cornerRadius
   }
 
@@ -39,9 +40,9 @@ ToolTip {
     color: root.panelForeground
     font.family: root.fontFamily
     font.pixelSize: root.fontSize
-    leftPadding: Style.spacing.controlPaddingX
-    rightPadding: Style.spacing.controlPaddingX
-    topPadding: Style.spacing.controlPaddingY
-    bottomPadding: Style.spacing.controlPaddingY
+    leftPadding: Border.left(root.panelBorderSpec) + Style.spacing.controlPaddingX
+    rightPadding: Border.right(root.panelBorderSpec) + Style.spacing.controlPaddingX
+    topPadding: Border.top(root.panelBorderSpec) + Style.spacing.controlPaddingY
+    bottomPadding: Border.bottom(root.panelBorderSpec) + Style.spacing.controlPaddingY
   }
 }