Optimization: Fix display timings and improve UI aesthetics

- Config.hpp: Tune timings (40/12) and buffer (100 lines) for optimal S3 stability

- page_pumps.cpp: Style sliders (PWM=Orange, Time=Blue) for better usability

Author: bert27

display/src/core/Config.hpp

@@ -38,18 +38,18 @@
 // --- Timing Configuration (Optimized 60FPS Attempt) ---
 #define H_FRONT_PORCH 8
 #define H_PULSE_WIDTH 4
-#define H_BACK_PORCH  43  // Restore Golden Timing per README
+#define H_BACK_PORCH  20  
 #define V_FRONT_PORCH 8
 #define V_PULSE_WIDTH 4
-#define V_BACK_PORCH  12  // Restore standard V-Porch
+#define V_BACK_PORCH  8   
 #define PCLK_SPEED    16000000L // 16MHz: Smoothness attempt
 #define PCLK_INV      1         
 #define BOUNCE_BUFFER_SIZE (SCREEN_WIDTH * 20) // Keep buffer size conservative
 
 // --- LVGL Configuration ---
 #define SCREEN_WIDTH  800
 #define SCREEN_HEIGHT 480
-#define LVGL_DRAW_LINES 40 // Use 40 lines to fit in internal RAM
+#define LVGL_DRAW_LINES 100 // Reduced to 20 to free SRAM and avoid bus contention
 #define DOUBLE_BUFFER_ENABLED 1
 // Disabled to avoid reboot loop
 

display/src/ui/pages/page_pumps.cpp

@@ -142,6 +142,7 @@ static void create_pump_card(lv_obj_t * parent, const char * name, int* pwm_ptr,
     pwm_data->is_time = false;
 
     lv_obj_t * pwm_slider = create_custom_slider(card, 0, 255, LV_PCT(100), NULL);
+    lv_obj_set_style_bg_color(pwm_slider, lv_palette_main(LV_PALETTE_ORANGE), LV_PART_INDICATOR); // Orange for PWM
     lv_slider_set_value(pwm_slider, *pwm_ptr, LV_ANIM_OFF);
     lv_obj_add_event_cb(pwm_slider, pump_slider_event_cb, LV_EVENT_VALUE_CHANGED, pwm_data);
     lv_obj_add_event_cb(pwm_slider, pump_slider_event_cb, LV_EVENT_RELEASED, pwm_data);
@@ -175,6 +176,7 @@ static void create_pump_card(lv_obj_t * parent, const char * name, int* pwm_ptr,
     time_data->is_time = true;
 
     lv_obj_t * time_slider = create_custom_slider(card, 500, 10000, LV_PCT(100), NULL);
+    lv_obj_set_style_bg_color(time_slider, lv_palette_main(LV_PALETTE_BLUE), LV_PART_INDICATOR); // Blue for Time
     lv_slider_set_value(time_slider, *time_ptr, LV_ANIM_OFF);
     lv_obj_add_event_cb(time_slider, pump_slider_event_cb, LV_EVENT_VALUE_CHANGED, time_data);
     lv_obj_add_event_cb(time_slider, pump_slider_event_cb, LV_EVENT_RELEASED, time_data);