Code to Image

function debounce(fn, delay) {
 let timer;
 return (...args) => {
 clearTimeout(timer);
 timer = setTimeout(() => fn(...args), delay);
 };
}

Dracula theme. "function", "return", and "let" appear in the keyword purple. The function name "debounce" takes the function color, and "delay" inside the string sits in the string pink. Line numbers run down the left edge.

# squares of even numbers
squares = [n * n for n in range(10) if n % 2 == 0]
print(squares)

One Dark theme. The comment line is muted gray. "print" is painted as a function, and the numeric literals such as 10 and 2 take the number color. The output reads cleanly at a small font.

SELECT u.name, COUNT(o.id) AS orders
FROM users u
JOIN orders o ON o.user_id = u.id
GROUP BY u.name;

Night Owl theme. Keywords like SELECT, FROM, and JOIN take the keyword blue, the table and column names stay in the plain foreground, and the string alias sits in the string color. On a Mint green gradient this query looks bright and friendly for a tutorial.

npm run build -- --source-maps
echo "Build finished in $SECONDS seconds"

GitHub Dark theme. The command and flags appear in the keyword color, the variable "$SECONDS" takes the variable tone, and the echoed string shows in the string color. Works well on a solid dark background for documentation.