Migrating from 7.5 to 8.1 - Buttons


I’m trying to migrate from 7.5 to 8.1 and am having a new issues.
This one is buttons, in 7.5 they used to be clear, in 8.1 they are blue. How can I make them look like they used to?

What MCU/Processor/Board and compiler are you using?


What LVGL version are you using?


What do you want to achieve?

Make the buttons look like they used to

However, I do like the size and padding of the new buttons.

What have you tried so far?

Reviewed the docs

Code to reproduce

struct objReturnVal createButton(lv_obj_t * parent, const char* name, int yPos)
    lv_obj_t * m_label;

    lv_obj_t * btn = lv_btn_create(parent);
	lv_obj_set_width(btn, 300);
    lv_obj_add_event_cb(btn, btn_Alo_event_handler, LV_EVENT_VALUE_CHANGED, NULL);
    lv_obj_set_pos(btn, 10, yPos);
    //lv_btn_set_fit2(btn_alo, LV_FIT_NONE, LV_FIT_TIGHT);

    m_label = lv_label_create(btn);
    lv_label_set_text(m_label, name);
    lv_obj_align_to(m_label, btn, LV_ALIGN_CENTER, 0, 0);

	struct objReturnVal returnVal;
	returnVal.obj = btn;
	returnVal.label = m_label;

	return returnVal;


Screenshot and/or video

If possible, add screenshots and/or videos about the current state.



This should do the job:

 static lv_style_t style;
 lv_style_set_radius(&style, LV_RADIUS_CIRCLE);
 lv_style_set_bg_color(&style, lv_color_hex(0x586273));
 lv_style_set_border_color(&style, lv_color_hex(0x01a2b1));
 lv_style_set_border_width(&style, 1);
 lv_style_set_shadow_width(&style, 0);

 lv_obj_t * btn = lv_btn_create(lv_scr_act());
 lv_obj_add_style(btn, &style, 0);

That looks a whole lot better.

I like the v8 buttons more, but this is just my opinion.