Code Block Pro Theme Pack

Code in a plain text box is hard to read. Code Block Pro Theme Pack addresses that by adding syntax highlighting styles modeled on popular VS Code themes. The pack includes 27 free themes and 29 additional premium themes. Code blocks are pre-rendered in the editor, which keeps the JavaScript needed on the page to a minimum.

The pack suits developer blogs, technical documentation and coding tutorials. Highlighting covers more than 100 programming languages, including Python, JavaScript, C++, Ruby and PHP. You can choose a programming font, adjust spacing, add headers and footers, and give visitors a button to copy snippets. If a language is missing, you can request it through GitHub or email.

Features

• VS Code theme styles: Themes follow popular Visual Studio Code looks, so readers see syntax highlighting they already know from their own editors.
• Large theme collection: The pack includes 27 free themes and 29 additional premium themes, all inspired by well-known VS Code themes.
• Over 100 languages: Highlighting works with more than 100 programming languages, from Python, JavaScript, C++, Ruby and PHP to less common ones.
• Programming font choices: Pick Fira Code or JetBrains Mono with ligatures for easier reading, or use your system default font.
• Line highlighting and blur: Highlight specific lines and blur the rest, which helps readers focus on the part of the code you are explaining.
• Custom headers and footers: Add header and footer styles around a code block to give snippets context and a finished look.
• Adjustable layout: Change font size, line height and padding so code blocks stay balanced and readable on different screen sizes.
• Copy to clipboard button: Visitors can copy a snippet with one click, which makes it simple to reuse your example code.

Best for

• Developer blogs that publish code samples
• Technical documentation and coding tutorial sites
• Site owners already using Code Block Pro