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 --- shared/Glow.qml | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 shared/Glow.qml (limited to 'shared/Glow.qml') diff --git a/shared/Glow.qml b/shared/Glow.qml new file mode 100644 index 0000000..58aa45d --- /dev/null +++ b/shared/Glow.qml @@ -0,0 +1,28 @@ +// Copyright (C) 2026 Danilo M. +// +// This program is free software; you can redistribute it and/or modify +// it under the terms of the GNU General Public License version 2 as +// published by the Free Software Foundation. +// +// This program is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU General Public License for more details. + +import QtQuick +import QtQuick.Effects + +// The shells' one glow: an accent haze fading out from a shape's edge, in +// place of solid rings and thick hover borders. It goes under the item it +// lights, same size and radius: a child with `z: -1` and `anchors.fill: +// parent`, or a sibling declared before it. `on` fades it in. Linked into +// each shell that uses it, like Theme.qml. +RectangularShadow { + property bool on: false + + color: Theme.accent + blur: 20 + spread: 2 + opacity: on ? 0.9 : 0 + Behavior on opacity { NumberAnimation { duration: 140 } } +} -- cgit v1.2.3