More tokens

shell/plugins/clipboard-picker/ClipboardPicker.qml

@@ -16,10 +16,16 @@ Item {
 
   property string historyPath: Quickshell.env("HOME") + "/.local/state/omarchy/clipboard-history.json"
   property string captureScript: root.omarchyPath + "/shell/scripts/clipboard-capture.sh"
-  property color accent: Color.menu.selected
+  // Shares the [menu] surface tokens — themes that style the menu also
+  // style the clipboard picker. Selected-row colors composed in the
+  // singleton so consumers drop them straight into Rectangle bindings.
   property color background: Color.menu.background
   property color foreground: Color.menu.text
-  property color border: foreground
+  property color border: Color.menu.border
+  property color scrim: Color.menu.scrim
+  property color selectedBackground: Color.menu.selectedBackground
+  property color selectedText: Color.menu.selectedText
+  property color selectedBorder: Color.menu.selectedBorder
   readonly property int cornerRadius: Style.cornerRadius
   property string fontFamily: Quickshell.env("OMARCHY_MENU_FONT") || "monospace"
   property int contentMargin: Style.spacing.panelPadding
@@ -254,7 +260,7 @@ Item {
 
     Rectangle {
       anchors.fill: parent
-      color: root.withAlpha(root.background, 0.5)
+      color: root.scrim
     }
 
     MouseArea {
@@ -365,9 +371,9 @@ Item {
                 width: ListView.view.width
                 height: root.rowHeight
                 radius: root.cornerRadius
-                color: hasCursor ? Style.hoverFillFor(root.foreground, root.accent) : "transparent"
-                border.color: hasCursor ? Style.hoverBorderFor(root.foreground, root.accent) : "transparent"
-                border.width: hasCursor ? Style.hoverBorderWidth : 0
+                color: hasCursor ? root.selectedBackground : "transparent"
+                border.color: hasCursor ? root.selectedBorder : "transparent"
+                border.width: (hasCursor && root.selectedBorder.a > 0) ? Style.hoverBorderWidth : 0
 
                 Row {
                   anchors.fill: parent
@@ -391,7 +397,7 @@ Item {
                     width: parent.width - (parent.parent.entryType === "image" ? parent.height + parent.spacing : 0)
                     height: parent.height
                     text: parent.parent.previewText
-                    color: parent.parent.hasCursor ? Style.hoverStateColor(root.foreground, root.accent) : root.foreground
+                    color: parent.parent.hasCursor ? root.selectedText : root.foreground
                     font.family: root.fontFamily
                     font.pixelSize: Style.font.title
                     font.italic: parent.parent.entryType === "image"
@@ -462,7 +468,7 @@ Item {
 
             Text {
               text: "󰅌"
-              color: root.accent
+              color: root.selectedText
               opacity: 0.8
               font.family: root.fontFamily
               font.pixelSize: Style.font.displayLarge