// Render every integration icon (brand + mono) on light and dark backgrounds // so we can eyeball them. Local files only — no app, no login. const path = require('path'); const fs = require('fs'); const { chromium } = require('playwright'); const DIR = path.join(__dirname, '..', 'images', 'integrations'); const files = fs.readdirSync(DIR).filter((f) => f.endsWith('.svg')).sort(); const cell = (f, dark) => `

${f.replace('.svg', '')}

`; const grid = (dark) => `

${files .map((f) => cell(f, dark)) .join('')}

`; const html = `

Light (sidebar renders mono as-is)

${grid(false)}

Dark (mono icons get invert(1), matching style.css)

${grid(true)} `; const htmlPath = path.join(DIR, '_preview.html'); fs.writeFileSync(htmlPath, html); (async () => { const b = await chromium.launch({ headless: true }); const p = await b.newPage({ viewport: { width: 720, height: 620 }, deviceScaleFactor: 2 }); await p.goto('file://' + htmlPath); await p.waitForTimeout(400); await p.screenshot({ path: path.join(__dirname, 'icons-preview.png'), fullPage: true }); await b.close(); fs.unlinkSync(htmlPath); console.log('wrote icons-preview.png'); })();

​Related docs

Related docs