diff options
| author | Danilo M. <danix@danix.xyz> | 2026-10-16 10:19:46 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-10-16 10:19:46 +0200 |
| commit | 1e0cb0bc16d5971e6e42c105622443d955ccdf5e (patch) | |
| tree | b28783d823f1511d78d5dd30ae8d54e9fe4a572f /keybinds/PadPanel.qml | |
| parent | 22db61bebaba4fdc58110f8bcc07313d330ac658 (diff) | |
| download | quickshell-1e0cb0bc16d5971e6e42c105622443d955ccdf5e.tar.gz quickshell-1e0cb0bc16d5971e6e42c105622443d955ccdf5e.zip | |
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 <noreply@anthropic.com>
Diffstat (limited to 'keybinds/PadPanel.qml')
| -rw-r--r-- | keybinds/PadPanel.qml | 18 |
1 files changed, 15 insertions, 3 deletions
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 |