Button "hover" effect

[jibin1573]

Can we have glowing buttons, like in FL studio. Like when we press a button, it should light up with a different colour.

Thank you!

[husamalhomsi]

In LMMS 1.2.0 RC6, all buttons glow when pressed.

[jibin1573]

@Sawuare, I mean the buttons should light up. Please check this theme, and you'll understand. Link: https://lmms.io/lsp/?action=show&file=11356

In the screenshot, you can see the pencil icon light up. When I used this theme, the icons light up even when we hover over them.

(After downloading this file, you have to rename the file to tar.bz2)

[husamalhomsi]

AFAIK, the draw mode and edit mode buttons have 3 states: hover, pressed, checked. When a button is checked, it doesn't respond to hover/pressed. That's why a checked button doesn't glow when hovered/pressed.

I don't think we can change this behavior, but I think it makes sense.

[jibin1573]

@Sawuare, I wish if the default theme could do that. This same property is applied even in LMMS Classic theme and also in the sidebar of 1.2.0 RC6 default theme, where there is a hovering function and also the item lights up on being clicked.

[PhysSong]

When a button is checked, it doesn't respond to hover/pressed.

It is possible with CSS(check+hover for example):

2022-01-30.16-43-59.mp4

For test, I used this. Better colors should be chosen later, though.

QToolButton:hover:checked {
	border-top: 1px solid #343840;
	border-bottom: 1px solid #4a515e;
	border-radius: 2px;
	background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #292d33, stop:1 #22262c)
}

[Rossmaxx]

just happened to come across this. this is a nice to have feature and phys' implementation looks good. one suggestion - the hover mode could get a lighter color (but not too light to hide the actual icon).

[luzpaz]

Is this as simple as adding the above CSS code in to style.css ?

[DomClark]

It's a little more than that, but not much. It would need to be added to style.css for both the default and classic themes, and we'd want to discuss quite which colours to use.

[Rossmaxx]

I have opened #7202 which implements the hover effect, but I haven't decided on the colour scheme yet. Reviews appreciated.

[Rossmaxx]

Fixed in #7202