From 1e0cb0bc16d5971e6e42c105622443d955ccdf5e Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Fri, 16 Oct 2026 10:19:46 +0200 Subject: feat(shared): one faded glow for hovers across the shells Hover and attention effects were solid: a flat accent ring round the user page's avatar, a flat quarter-disc in the hot corner, and thick accent or white borders on window cards, keycaps and knobs. Glow.qml is a RectangularShadow in the accent, fading out from the shape's edge and in over 140ms, linked into desktop, window-switcher and keybinds like Theme.qml, and all five places use it. Selection borders in the appearance tabs stay: they mark state, not hover. The avatar also gains the hover cue in the first place: the hand cursor never showed under a hyprcursor-only theme, so without it the picture gave no sign it could be clicked. Co-Authored-By: Claude Opus 5.5 --- keybinds/Glow.qml | 1 + keybinds/PadPanel.qml | 18 +++++++++++++++--- 2 files changed, 16 insertions(+), 3 deletions(-) create mode 120000 keybinds/Glow.qml (limited to 'keybinds') diff --git a/keybinds/Glow.qml b/keybinds/Glow.qml new file mode 120000 index 0000000..779c66a --- /dev/null +++ b/keybinds/Glow.qml @@ -0,0 +1 @@ +../shared/Glow.qml \ No newline at end of file diff --git a/keybinds/PadPanel.qml b/keybinds/PadPanel.qml index d9f8941..c338c64 100644 --- a/keybinds/PadPanel.qml +++ b/keybinds/PadPanel.qml @@ -81,8 +81,13 @@ Item { height: panel.unit radius: panel.unit * 0.12 color: cap.cap - border.color: panel.hovered === padId ? Theme.text : "transparent" - border.width: 3 + + Glow { + anchors.fill: parent + z: -1 + radius: parent.radius + on: panel.hovered === keycap.padId + } Column { anchors.centerIn: parent @@ -140,9 +145,16 @@ Item { height: width radius: width / 2 color: panel.hovered === modelData ? Theme.surfaceAlt : Theme.surface - border.color: panel.hovered === modelData ? Theme.accent : Theme.overlay + border.color: Theme.overlay border.width: 2 + Glow { + anchors.fill: parent + z: -1 + radius: parent.radius + on: panel.hovered === parent.modelData + } + MouseArea { anchors.fill: parent hoverEnabled: true -- cgit v1.2.3