lvgl style

LVGL (Light and Versatile Graphics Library) is an open-source graphics library for embedded systems. It provides various styles and customization options for creating user interfaces on microcontrollers and other devices. With LVGL, you can define and apply styles to elements such as buttons, labels, sliders, progress bars, etc.

To create a style in LVGL, you typically need to initialize a `lv_style_t` structure and set its properties according to your requirements. Here's an example of creating a simple style with a background color and a border:

// Create a style
lv_style_t style;

// Initialize the style
lv_style_init(&style);

// Set the background color
lv_style_set_bg_color(&style, LV_STATE_DEFAULT, LV_COLOR_BLUE);

// Set the border properties
lv_style_set_border_color(&style, LV_STATE_DEFAULT, LV_COLOR_WHITE);
lv_style_set_border_width(&style, LV_STATE_DEFAULT, 2);

// Apply the style to an object (e.g., a button)
lv_obj_add_style(btn_obj, LV_BTN_PART_MAIN, &style);

In this example, `LV_COLOR_BLUE` represents the background color, and `LV_COLOR_WHITE` represents the border color. The `LV_STATE_DEFAULT` is used to define the default state of the object.

Please note that this is just a basic example, and LVGL provides more advanced styling options such as gradients, shadows, font styles, and more. You can refer to the LVGL documentation for more details on how to customize styles based on your specific requirements.