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/dashboard_config.h
+1 -1
View File
@@ -1,6 +1,6 @@
#pragma once #pragma once
static const char *DASHBOARD_VERSION = "0.1.31-boot-version"; static const char *DASHBOARD_VERSION = "0.1.32-3d-relay-buttons";
// Update these if your Cargo ESP AP credentials are different. // Update these if your Cargo ESP AP credentials are different.
static const char *CARGO_WIFI_SSID = "OverlandController"; static const char *CARGO_WIFI_SSID = "OverlandController";
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]) { if (relay_states[i]) {
lv_obj_set_style_bg_color(relay_buttons[i], lv_color_hex(0x027A48), 0); lv_obj_set_style_bg_color(relay_buttons[i], lv_color_hex(0x32D583), 0);
lv_obj_set_style_border_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_border_width(relay_buttons[i], 2, 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 { } else {
lv_obj_set_style_bg_color(relay_buttons[i], lv_color_hex(0x26313D), 0); lv_obj_set_style_bg_color(relay_buttons[i], lv_color_hex(0x3B4754), 0);
lv_obj_set_style_border_color(relay_buttons[i], lv_color_hex(0x3A4652), 0); lv_obj_set_style_bg_grad_color(relay_buttons[i], lv_color_hex(0x1F2933), 0);
lv_obj_set_style_border_width(relay_buttons[i], 2, 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); lv_obj_set_style_text_color(relay_button_labels[i], lv_color_hex(0xFFFFFF), 0);
} else { } else {
lv_obj_add_flag(relay_buttons[i], LV_OBJ_FLAG_HIDDEN); 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)) 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]); relay_button_labels[i] = lv_label_create(relay_buttons[i]);
lv_label_set_text(relay_button_labels[i], "Output\n--"); 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); lv_obj_set_style_text_font(relay_button_labels[i], &lv_font_montserrat_40, 0);