About Syntax

Syntax is a browser for syntax-highlighting colour palettes and monospace fonts — no installation required.

Why it exists

Picking a theme usually means installing it, restarting your editor, and hoping it looks good across all the languages you write in. Syntax lets you preview any palette in any language instantly, in one tab.

How it works

• Built with Astro — static site, fast by default.
• Syntax highlighting via Shiki, which uses the same grammar engine as VS Code. Every palette is rendered at build time — zero JS cost for the highlighting.
• All palette and font switching happens client-side without a page reload. The highlighted HTML for every language × palette combination is pre-generated and swapped in via JavaScript.
• Fonts are lazily loaded from Google Fonts only when you first select them.

Keyboard shortcuts

• ← / → — cycle through palettes
• Esc — close the mobile sidebar