diff options
Diffstat (limited to 'src/ui/themes.cpp')
| -rw-r--r-- | src/ui/themes.cpp | 131 |
1 files changed, 118 insertions, 13 deletions
diff --git a/src/ui/themes.cpp b/src/ui/themes.cpp index 15b3bdb6..34964ce2 100644 --- a/src/ui/themes.cpp +++ b/src/ui/themes.cpp @@ -1,7 +1,10 @@ #include "themes.hpp" #include "core/lv_obj.h" +#include "core/lv_obj_tree.h" #include "esp_log.h" #include "misc/lv_color.h" +#include "misc/lv_style.h" +#include "widgets/lv_slider.h" LV_FONT_DECLARE(font_fusion); @@ -15,12 +18,17 @@ static void theme_apply_cb(lv_theme_t* th, lv_obj_t* obj) { Theme::Theme() { /*Initialize the styles*/ lv_style_init(&button_style_); - lv_style_set_pad_all(&button_style_, 2); + lv_style_set_pad_left(&button_style_, 2); + lv_style_set_pad_right(&button_style_, 2); + lv_style_set_pad_top(&button_style_, 1); + lv_style_set_pad_bottom(&button_style_, 1); lv_style_set_bg_color(&button_style_, lv_color_white()); + lv_style_set_radius(&button_style_, 5); lv_style_init(&button_style_focused_); lv_style_set_bg_color(&button_style_focused_, - lv_palette_lighten(LV_PALETTE_BLUE_GREY, 2)); + lv_palette_lighten(LV_PALETTE_BLUE, 5)); + lv_style_set_bg_opa(&button_style_focused_, LV_OPA_COVER); lv_theme_t* parent_theme = lv_disp_get_theme(NULL); theme_ = *parent_theme; @@ -38,28 +46,125 @@ void Theme::Apply(void) { void Theme::Callback(lv_obj_t* obj) { lv_obj_set_style_text_font(obj, &font_fusion, 0); lv_obj_set_style_text_color(obj, lv_color_black(), 0); + lv_obj_set_style_bg_opa(obj, LV_OPA_TRANSP, LV_PART_MAIN); + lv_obj_set_style_bg_color(obj, lv_palette_lighten(LV_PALETTE_BLUE, 5), + LV_PART_SELECTED | LV_STATE_CHECKED); if (lv_obj_check_type(obj, &lv_btn_class) || lv_obj_check_type(obj, &lv_list_btn_class)) { lv_obj_add_style(obj, &button_style_, LV_PART_MAIN); lv_obj_add_style(obj, &button_style_focused_, LV_PART_MAIN | LV_STATE_FOCUSED); - } + if (lv_obj_check_type(obj, &lv_list_btn_class)) { + lv_obj_set_style_radius(obj, 0, LV_PART_MAIN); + } + } else if (lv_obj_check_type(obj, &lv_slider_class)) { + lv_obj_set_style_bg_opa(obj, LV_OPA_COVER, LV_PART_MAIN); + lv_obj_set_style_radius(obj, LV_RADIUS_CIRCLE, LV_PART_MAIN); + + lv_obj_set_style_radius(obj, LV_RADIUS_CIRCLE, LV_PART_INDICATOR); + lv_obj_set_style_bg_color(obj, lv_palette_main(LV_PALETTE_BLUE), + LV_PART_INDICATOR); + + lv_obj_set_style_radius(obj, LV_RADIUS_CIRCLE, LV_PART_KNOB); + lv_obj_set_style_pad_all(obj, 2, LV_PART_KNOB); + lv_obj_set_style_bg_color(obj, lv_color_white(), LV_PART_KNOB); + lv_obj_set_style_bg_color(obj, lv_palette_lighten(LV_PALETTE_BLUE, 4), + LV_PART_KNOB | LV_STATE_FOCUSED); + lv_obj_set_style_shadow_width(obj, 5, LV_PART_KNOB); + lv_obj_set_style_shadow_opa(obj, LV_OPA_COVER, LV_PART_KNOB); + } else if (lv_obj_check_type(obj, &lv_switch_class)) { + lv_obj_set_size(obj, 28, 18); + lv_obj_set_style_pad_all(obj, -2, LV_PART_KNOB); + + lv_obj_set_style_radius(obj, LV_RADIUS_CIRCLE, LV_PART_MAIN); + + lv_obj_set_style_radius(obj, LV_RADIUS_CIRCLE, LV_PART_INDICATOR); + lv_obj_set_style_bg_opa(obj, LV_OPA_COVER, LV_PART_INDICATOR); + lv_obj_set_style_bg_color(obj, lv_palette_main(LV_PALETTE_GREY), + LV_PART_INDICATOR); + lv_obj_set_style_bg_color(obj, lv_palette_main(LV_PALETTE_BLUE), + LV_PART_INDICATOR | LV_STATE_CHECKED); + + lv_obj_set_style_radius(obj, LV_RADIUS_CIRCLE, LV_PART_KNOB); + lv_obj_set_style_bg_opa(obj, LV_OPA_COVER, LV_PART_KNOB); + lv_obj_set_style_bg_color(obj, lv_color_white(), LV_PART_KNOB); + lv_obj_set_style_bg_color(obj, lv_palette_lighten(LV_PALETTE_BLUE, 4), + LV_PART_KNOB | LV_STATE_FOCUSED); + } else if (lv_obj_check_type(obj, &lv_dropdown_class)) { + lv_obj_set_style_radius(obj, 2, LV_PART_MAIN); + lv_obj_set_style_pad_all(obj, 2, LV_PART_MAIN); + + lv_obj_set_style_border_width(obj, 1, LV_PART_MAIN); + lv_obj_set_style_border_color(obj, lv_palette_main(LV_PALETTE_BLUE), + LV_PART_MAIN); + lv_obj_set_style_border_side(obj, LV_BORDER_SIDE_FULL, LV_PART_MAIN); - if (lv_obj_check_type(obj, &lv_switch_class)) { - lv_obj_set_style_border_width(obj, 1, LV_PART_MAIN | LV_STATE_FOCUSED); + lv_obj_set_style_bg_opa(obj, LV_OPA_COVER, LV_PART_MAIN); + lv_obj_set_style_bg_color(obj, lv_palette_lighten(LV_PALETTE_BLUE, 5), + LV_PART_MAIN | LV_STATE_FOCUSED); } } void Theme::ApplyStyle(lv_obj_t* obj, Style style) { - if (style == Style::kTopBar) { - lv_obj_set_style_border_color( - obj, lv_palette_darken(LV_PALETTE_BLUE_GREY, 2), LV_PART_MAIN); - lv_obj_set_style_border_width(obj, 1, LV_PART_MAIN); - lv_obj_set_style_border_side( - obj, LV_BORDER_SIDE_BOTTOM | LV_BORDER_SIDE_TOP, LV_PART_MAIN); - lv_obj_set_style_pad_top(obj, 2, LV_PART_MAIN); - lv_obj_set_style_pad_bottom(obj, 2, LV_PART_MAIN); + switch (style) { + case Style::kTopBar: + lv_obj_set_style_pad_bottom(obj, 1, LV_PART_MAIN); + + lv_obj_set_style_shadow_width(obj, 6, LV_PART_MAIN); + lv_obj_set_style_shadow_opa(obj, LV_OPA_COVER, LV_PART_MAIN); + lv_obj_set_style_shadow_ofs_x(obj, 0, LV_PART_MAIN); + break; + case Style::kPopup: + lv_obj_set_style_shadow_width(obj, 6, LV_PART_MAIN); + lv_obj_set_style_shadow_opa(obj, LV_OPA_COVER, LV_PART_MAIN); + lv_obj_set_style_shadow_ofs_x(obj, 0, LV_PART_MAIN); + lv_obj_set_style_shadow_ofs_y(obj, 0, LV_PART_MAIN); + + lv_obj_set_style_radius(obj, 5, LV_PART_MAIN); + + lv_obj_set_style_bg_opa(obj, LV_OPA_COVER, LV_PART_MAIN); + lv_obj_set_style_bg_color(obj, lv_color_white(), LV_PART_MAIN); + + lv_obj_set_style_pad_top(obj, 2, LV_PART_MAIN); + lv_obj_set_style_pad_bottom(obj, 2, LV_PART_MAIN); + lv_obj_set_style_pad_left(obj, 2, LV_PART_MAIN); + lv_obj_set_style_pad_right(obj, 2, LV_PART_MAIN); + break; + case Style::kTab: + lv_obj_set_style_radius(obj, 0, LV_PART_MAIN); + + lv_obj_set_style_border_width(obj, 1, LV_STATE_CHECKED); + lv_obj_set_style_border_color(obj, lv_palette_main(LV_PALETTE_BLUE), + LV_STATE_CHECKED); + lv_obj_set_style_border_side(obj, LV_BORDER_SIDE_BOTTOM, + LV_STATE_CHECKED); + break; + case Style::kButtonPrimary: + lv_obj_set_style_border_width(obj, 1, LV_PART_MAIN); + lv_obj_set_style_border_color(obj, lv_palette_main(LV_PALETTE_BLUE), + LV_PART_MAIN); + lv_obj_set_style_border_side(obj, LV_BORDER_SIDE_FULL, LV_PART_MAIN); + break; + case Style::kMenuSubheadFirst: + case Style::kMenuSubhead: + lv_obj_set_style_text_color(obj, lv_palette_darken(LV_PALETTE_GREY, 3), + LV_PART_MAIN); + lv_obj_set_style_text_align(obj, LV_TEXT_ALIGN_CENTER, LV_PART_MAIN); + + lv_obj_set_style_border_width(obj, 1, LV_PART_MAIN); + lv_obj_set_style_border_color(obj, lv_palette_lighten(LV_PALETTE_GREY, 3), + LV_PART_MAIN); + + if (style == Style::kMenuSubhead) { + lv_obj_set_style_border_side( + obj, LV_BORDER_SIDE_TOP | LV_BORDER_SIDE_BOTTOM, LV_PART_MAIN); + } else { + lv_obj_set_style_border_side(obj, LV_BORDER_SIDE_BOTTOM, LV_PART_MAIN); + } + break; + default: + break; } } |