BG Color rendering and button to switch between mock payloads

diagram.json

@@ -3,31 +3,24 @@
   "author": "CreatureDex",
   "editor": "wokwi",
   "parts": [
-    { "type": "board-esp32-s3-devkitc-1", "id": "esp1", "top": 67.2, "left": -263.96, "attrs": {} },
     {
-      "type": "wokwi-ili9341",
-      "id": "lcd1",
-      "top": -191.24,
-      "left": -0.38,
+      "type": "board-esp32-s3-devkitc-1",
+      "id": "esp1",
+      "top": 67.2,
+      "left": -263.96,
       "attrs": {}
     },
+    { "type": "wokwi-ili9341", "id": "lcd1", "top": -191.24, "left": -0.38, "attrs": {} },
     {
-      "type": "wokwi-led",
-      "id": "led1",
-      "top": -82.89,
-      "left": 196.26,
-      "attrs": { "color": "red" }
-    },
-    {
-      "type": "wokwi-resistor",
-      "id": "r1",
-      "top": 183.86,
-      "left": 154.06,
-      "attrs": { "value": "220" }
+      "type": "wokwi-pushbutton",
+      "id": "btn1",
+      "top": 131,
+      "left": -124.8,
+      "attrs": { "color": "green", "xray": "1", "key": "1" }
     }
   ],
-    "connections": [
-    [ "esp1:TX", "$serialMonitor:RX", "", [] ], 
+  "connections": [
+    [ "esp1:TX", "$serialMonitor:RX", "", [] ],
     [ "esp1:RX", "$serialMonitor:TX", "", [] ],
     [ "lcd1:VCC", "esp1:3V3", "red", [ "v19.2", "h-57.6", "v-105.6", "h-124.95" ] ],
     [ "lcd1:GND", "esp1:GND.2", "black", [ "v28.8", "h-76.8", "v-76.8" ] ],
@@ -39,9 +32,8 @@
     [ "esp1:37", "lcd1:MISO", "magenta", [ "h57.6", "v105.6", "h172.8" ] ],
     [ "esp1:22", "lcd1:SCL", "yellow", [ "h48", "v163.2", "h192" ] ],
     [ "esp1:21", "lcd1:SDA", "cyan", [ "h38.4", "v144", "h211.2" ] ],
-    [ "r1:2", "led1:A", "green", [ "h8.4", "v-230.4" ] ],
-    [ "esp1:GND.2", "led1:C", "black", [ "v0", "h86.4", "v76.8", "h278.4" ] ],
-    [ "esp1:17", "r1:1", "green", [ "h0" ] ]
-],
+    [ "btn1:1.l", "esp1:GND.2", "green", [ "h-9.6", "v-48" ] ],
+    [ "btn1:2.l", "esp1:38", "green", [ "h-9.6", "v19.4" ] ]
+  ],
   "dependencies": {}
-}
+}