baobeld/lux-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

big jive with border color, its clean af

Browse source
This commit is contained in:
Benjamin Palko 2025-08-29 15:19:12 -04:00
parent 781ad7a5bc
commit 6b87dc8006
2 changed files with 11 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
components/StyledIconButton.qml
View file

@ -34,6 +34,13 @@ RoundButton {
background: Rectangle { background: Rectangle {
id: rect id: rect
border.color: control.hovered ? Theme.palette.primary : Theme.palette.base100
Behavior on border.color {
ColorAnimation {
duration: 100
}
}
border.width: 2
color: control.hovered ? Theme.palette.primary : Theme.palette.base100 color: control.hovered ? Theme.palette.primary : Theme.palette.base100
Behavior on color { Behavior on color {
ColorAnimation { ColorAnimation {

19
modules/bar/components/Caffeine.qml
View file

@ -1,26 +1,15 @@
import qs.components
import qs.config import qs.config
import qs.constants import qs.constants
import qs.services import qs.services
import qs.widgets
StyledButton { StyledIconButton {
id: root id: root
border.color: Caffeine.enabled ? Theme.palette.secondary : 'transparent' border.color: Caffeine.enabled ? Theme.palette.secondary : root.hovered ? Theme.palette.primary : Theme.palette.base100
border.width: 2 text: Icons.coffee
onClicked: { onClicked: {
Caffeine.toggle(); Caffeine.toggle();
} }
content: StyledText {
id: text
font.family: Theme.lucide.font.family
font.pixelSize: Dimensions.caffeine.fontSize
font.bold: true
text: Icons.coffee
color: root.containsMouse ? Theme.palette.base300 : Theme.palette.basecontent
}
} }