Change filled button background on hover

[sukhmel]

I am trying to change a button background from a custom one to another custom one on hover. fill disables hover events, and it seems like the idea is that I should just set a different fill colour when a button is being hovered over, but I can't seem to understand how to check when a button is hovered. The only thing I got somewhat working is based on a discussion about styling a button, but

1. it will require me to paint text always with a galley (otherwise it jumps around with any alignment, it seems)
2. it overpaints the border showing that the rectangle is not rounded (maybe I will be able to find a more fitting method)

It feels like there should be a way to repaint based on a Response and Visuals but I can't find one

egui::CentralPanel::default().show(ctx, |ui| {
    let button = Button::new("test")
        .fill(Color32::DARK_RED)         // this disables hover effect
        .min_size(vec2(50.0, 50.0));
    let response = ui.add(button);
    if response.hovered() {
        let visuals = ui.style().interact(&response);
        let mut job = LayoutJob::default();
        job.append(
            "test",
            0.0,
            TextFormat {
                color: visuals.text_color(),
                ..Default::default()
            },
        );
        let galley = WidgetText::LayoutJob(job.into()).into_galley(
            ui,
            None,
            response.rect.width(),
            TextStyle::Button,
        );

        // Change background color on hover
        ui.painter()
            .rect_filled(response.rect, 0.0, Color32::DARK_BLUE);

        // repaint text, because it's gone now
        ui.painter().galley(
            response
                .rect
                .shrink2(ui.spacing().button_padding)
                .left_center(),   // this does not place it in the center vertically 
            galley,
            Color32::TRANSPARENT,
        );
    }
});

[justincredible]

@YgorSouza's answer to #3356 should apply (maybe you are still using Button::fill(), which overrides on-hover effects):

{
    let styles = ui.styles_mut();
    styles.visuals.widgets.inactive.weak_bg_fill = Color32::DARK_RED; // button at rest
    styles.visuals.widgets.hovered.weak_bg_fill = Color32::DARK_BLUE; // button on hover
}
let button = Button::new("test")
    .min_size(vec2(50., 50.));

[sukhmel]

It looks like I shouldn't have used fill at all then 😅

I'll try this and mark if it works (I think it will). I looked into linked response while trying to build a button but didn't explore widgets enough