nick/overland-controller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dashboard: add dimensional relay button styling

Browse Source
This commit is contained in:
nick
2026-06-10 02:52:55 -06:00
parent 93f2464fea
commit dc422c6b9e
2 changed files with 34 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
firmware/esp32-s3-dashboard/esp32-s3-dashboard.ino
+33 -6
View File
@@ -315,15 +315,30 @@ static void update_relay_buttons()
}
if (relay_states[i]) {
lv_obj_set_style_bg_color(relay_buttons[i], lv_color_hex(0x027A48), 0);
lv_obj_set_style_border_color(relay_buttons[i], lv_color_hex(0x32D583), 0);
lv_obj_set_style_border_width(relay_buttons[i], 2, 0);
lv_obj_set_style_bg_color(relay_buttons[i], lv_color_hex(0x32D583), 0);
lv_obj_set_style_bg_grad_color(relay_buttons[i], lv_color_hex(0x027A48), 0);
lv_obj_set_style_bg_grad_dir(relay_buttons[i], LV_GRAD_DIR_VER, 0);
lv_obj_set_style_border_color(relay_buttons[i], lv_color_hex(0x6CE9A6), 0);
lv_obj_set_style_shadow_color(relay_buttons[i], lv_color_hex(0x32D583), 0);
} else {
lv_obj_set_style_bg_color(relay_buttons[i], lv_color_hex(0x26313D), 0);
lv_obj_set_style_border_color(relay_buttons[i], lv_color_hex(0x3A4652), 0);
lv_obj_set_style_border_width(relay_buttons[i], 2, 0);
lv_obj_set_style_bg_color(relay_buttons[i], lv_color_hex(0x3B4754), 0);
lv_obj_set_style_bg_grad_color(relay_buttons[i], lv_color_hex(0x1F2933), 0);
lv_obj_set_style_bg_grad_dir(relay_buttons[i], LV_GRAD_DIR_VER, 0);
lv_obj_set_style_border_color(relay_buttons[i], lv_color_hex(0x556270), 0);
lv_obj_set_style_shadow_color(relay_buttons[i], lv_color_hex(0x000000), 0);
}
lv_obj_set_style_radius(relay_buttons[i], 16, 0);
lv_obj_set_style_border_width(relay_buttons[i], 2, 0);
lv_obj_set_style_shadow_width(relay_buttons[i], 14, 0);
lv_obj_set_style_shadow_opa(relay_buttons[i], LV_OPA_40, 0);
lv_obj_set_style_shadow_ofs_y(relay_buttons[i], 6, 0);
lv_obj_set_style_bg_color(relay_buttons[i], lv_color_hex(0x17202A), LV_STATE_PRESSED);
lv_obj_set_style_bg_grad_color(relay_buttons[i], lv_color_hex(0x111820), LV_STATE_PRESSED);
lv_obj_set_style_shadow_width(relay_buttons[i], 4, LV_STATE_PRESSED);
lv_obj_set_style_shadow_ofs_y(relay_buttons[i], 2, LV_STATE_PRESSED);
lv_obj_set_style_text_color(relay_button_labels[i], lv_color_hex(0xFFFFFF), 0);
} else {
lv_obj_add_flag(relay_buttons[i], LV_OBJ_FLAG_HIDDEN);
@@ -858,6 +873,18 @@ static void create_overland_overview_screen()
reinterpret_cast<void *>(static_cast<intptr_t>(i))
);
// dashboard-relay-initial-3d-style
lv_obj_set_style_radius(relay_buttons[i], 16, 0);
lv_obj_set_style_border_width(relay_buttons[i], 2, 0);
lv_obj_set_style_border_color(relay_buttons[i], lv_color_hex(0x556270), 0);
lv_obj_set_style_bg_color(relay_buttons[i], lv_color_hex(0x3B4754), 0);
lv_obj_set_style_bg_grad_color(relay_buttons[i], lv_color_hex(0x1F2933), 0);
lv_obj_set_style_bg_grad_dir(relay_buttons[i], LV_GRAD_DIR_VER, 0);
lv_obj_set_style_shadow_color(relay_buttons[i], lv_color_hex(0x000000), 0);
lv_obj_set_style_shadow_width(relay_buttons[i], 14, 0);
lv_obj_set_style_shadow_opa(relay_buttons[i], LV_OPA_40, 0);
lv_obj_set_style_shadow_ofs_y(relay_buttons[i], 6, 0);
relay_button_labels[i] = lv_label_create(relay_buttons[i]);
lv_label_set_text(relay_button_labels[i], "Output\n--");
lv_obj_set_style_text_font(relay_button_labels[i], &lv_font_montserrat_40, 0);