Show a grey ring behind black filament gauges so they stay visible.

Co-authored-by: Cursor <cursoragent@cursor.com>

esphome/bambu-display/generate.py

@@ -32,6 +32,7 @@ ELEGOO_FDM = {'nozzle': 'nozzle_temperature', 'bed': 'bed_temperature',
 ELEGOO_RESIN = {'uv': 'uv_led_temp', 'elapsed': 'current_print_time'}
 BG, CARD, TRACK, TEXT_COLOR, MUTED, GREEN = (
     0x000000, 0x000000, 0x19232B, 0xEEEEEE, 0xAEB3B7, 0x00FF00)
+RING_BACKING = 0x6E767E
 ORANGE, CYAN = 0xFFAA00, 0x00E5E5
 
 
@@ -272,7 +273,15 @@ def overview_gauge(printer, x, y, arc):
     inner = max(10, int(round(13 * scale)))
     inner_x = x + int(round(8 * scale))
     number_y = y + int(round(arc * 0.30))
+    pad = 8
     return [
+        {'arc': {'id': f'{pid}_overview_ring', 'x': inner_x - pad // 2, 'y': y - pad // 2,
+                 'width': arc + pad, 'height': arc + pad, 'min_value': 0, 'max_value': 100,
+                 'value': 100, 'start_angle': 135, 'end_angle': 45,
+                 'arc_width': inner + pad, 'arc_color': RING_BACKING,
+                 'indicator': {'arc_color': RING_BACKING, 'arc_width': inner + pad},
+                 'adjustable': False, 'hidden': True, 'gesture_bubble': True, 'clickable': True,
+                 'on_click': open_page}},
         {'arc': {'id': f'{pid}_overview_arc', 'x': inner_x, 'y': y,
                  'width': arc, 'height': arc, 'min_value': 0, 'max_value': 100, 'value': 100,
                  'start_angle': 135, 'end_angle': 45, 'arc_width': inner, 'arc_color': GREEN,
@@ -324,7 +333,7 @@ def fleet_refresh_lines(snapshots):
         lines.extend(snapshot)
         lines.append('bambu_display::render_overview(data, {' + ', '.join([
             f'id({pid}_overview_arc)', f'id({pid}_overview_value)',
-            f'id({pid}_overview_finish)']) + '});')
+            f'id({pid}_overview_finish)', f'id({pid}_overview_ring)']) + '});')
         lines.append('}')
     lines += [
         '{',