Regenerated screenshots with transparent background.

Author: Tronic

docs/screenshots/features-composite.webp

@@ -10,7 +10,7 @@
 
 # Gap between images
 GAP = 0
-BACKGROUND_COLOR = "#1e1e1e"
+BACKGROUND_COLOR = (0, 0, 0, 0)  # Transparent
 LABEL_COLOR = "#ffffff"
 LABEL_BG_COLOR = "#000000"
 
@@ -90,8 +90,8 @@ def create_comparison():
     total_width = with_tr_labeled.width + GAP + without_labeled.width
     total_height = target_height
 
-    # Create canvas and paste images
-    canvas = Image.new("RGB", (total_width, total_height), BACKGROUND_COLOR)
+    # Create canvas with transparent background
+    canvas = Image.new("RGBA", (total_width, total_height), BACKGROUND_COLOR)
     canvas.paste(with_tr_labeled, (0, 0))
     canvas.paste(without_labeled, (with_tr_labeled.width + GAP, 0))
 

docs/screenshots/scripts/create_chain_comparison.py

@@ -10,7 +10,7 @@
 
 # Target width to match chain-comparison.webp
 TARGET_WIDTH = 2884
-BACKGROUND_COLOR = "#1e1e1e"
+BACKGROUND_COLOR = (0, 0, 0, 0)  # Transparent
 LABEL_COLOR = "#ffffff"
 LABEL_BG_COLOR = "#000000"
 
@@ -104,8 +104,8 @@ def create_composite():
     print(f"  Gap between columns: {gap}")
     print(f"  Canvas: {TARGET_WIDTH}x{canvas_height}")
 
-    # Create canvas
-    canvas = Image.new("RGB", (TARGET_WIDTH, canvas_height), BACKGROUND_COLOR)
+    # Create canvas with transparent background
+    canvas = Image.new("RGBA", (TARGET_WIDTH, canvas_height), BACKGROUND_COLOR)
 
     # Place numpy on left
     canvas.paste(numpy_scaled, (0, 0))

docs/screenshots/scripts/create_features_composite.py

@@ -10,7 +10,7 @@
 
 # Target width to match chain-comparison.webp
 TARGET_WIDTH = 2884
-BACKGROUND_COLOR = "#1e1e1e"
+BACKGROUND_COLOR = (0, 0, 0, 0)  # Transparent
 LABEL_COLOR = "#ffffff"
 LABEL_BG_COLOR = "#000000"
 
@@ -108,8 +108,8 @@ def create_comparison():
     total_width = html_labeled.width + tty_labeled.width
     total_height = target_height
 
-    # Create canvas and paste images
-    canvas = Image.new("RGB", (total_width, total_height), BACKGROUND_COLOR)
+    # Create canvas with transparent background
+    canvas = Image.new("RGBA", (total_width, total_height), BACKGROUND_COLOR)
     canvas.paste(html_labeled, (0, 0))
     canvas.paste(tty_labeled, (html_labeled.width, 0))