feat: use imported chevron png and match font size to 144px

Author: mfishma

.github/images/vback_chevonrs_white.png

@@ -150,7 +150,7 @@ def main():
         url = "https://github.com/google/fonts/raw/main/ofl/poppins/Poppins-Bold.ttf"
         req = urllib.request.Request(url, headers={'User-Agent': 'Mozilla/5.0'})
         font_bytes = BytesIO(urllib.request.urlopen(req).read())
-        font = ImageFont.truetype(font_bytes, 140)
+        font = ImageFont.truetype(font_bytes, 144)
     except Exception:
         font = ImageFont.load_default()
 
@@ -173,21 +173,15 @@ def draw_rotated_text(text, cx, cy, alpha=255):
     draw_rotated_text("OFF", 90, 293, alpha=150)
     draw_rotated_text("ON", 90, 833, alpha=255)
 
-    # Draw left-pointing chevrons
-    def draw_left_chevron(d, cx, cy, w, h, t, fill):
-        poly = [
-            (cx + w//2, cy - h//2),        
-            (cx - w//2, cy),                   
-            (cx + w//2, cy + h//2),        
-            (cx + w//2 - t, cy + h//2),    
-            (cx - w//2 + t, cy),               
-            (cx + w//2 - t, cy - h//2)     
-        ]
-        d.polygon(poly, fill=fill)
-        
-    # Chevrons aligned at cx=125, vertically stacked
-    draw_left_chevron(draw, cx=125, cy=533, w=40, h=40, t=15, fill=(255, 255, 255, 150))
-    draw_left_chevron(draw, cx=125, cy=593, w=40, h=40, t=15, fill=(255, 255, 255, 255))
+    # Load and draw chevron image
+    try:
+        chevron_path = os.path.join(script_dir, "../images/vback_chevonrs_white.png")
+        chevron_img = Image.open(chevron_path).convert("RGBA")
+        chevron_img = chevron_img.rotate(90, expand=1)
+        # Center the chevron between OFF and ON (cy: (293+833)/2 = 563)
+        bg.alpha_composite(chevron_img, dest=(int(90 - chevron_img.width//2), int(563 - chevron_img.height//2)))
+    except Exception as e:
+        print(f"Failed to load chevron image: {e}")
 
     os.makedirs(os.path.dirname(OUTPUT_PATH), exist_ok=True)
     bg.save(OUTPUT_PATH)