From e008bf315c3ae795feef139cba91bb83c7d5522e Mon Sep 17 00:00:00 2001
From: RoomWithOutRoof <166608075+Jah-yee@users.noreply.github.com>
Date: Tue, 14 Apr 2026 06:15:49 +0800
Subject: [PATCH] Fix PNG background color for dark theme
The HTML wrapper for Puppeteer screenshot hardcoded background:#fff,
so dark-themed PNGs had a white border around the chart (the SVG's
internal background is #0d1117 but the outer 1200x628 frame was white).
Match the wrapper background to the chart's theme color.
Made-with: Cursor
---
src/index.ts | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/src/index.ts b/src/index.ts
index 3ffdd1c..6a0f59a 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -162,7 +162,8 @@ async function handlePng(
await page.setViewport({ width: 1200, height: 628 });
// Render SVG centered in OG-standard 1200×628 frame (1.91:1 ratio for X/Twitter)
- const html = `
`;
+ const bgColor = theme === "dark" ? "#0d1117" : "#fff";
+ const html = ``;
await page.setContent(html, { waitUntil: "networkidle0" });
// Wait for draw animation to complete