Code Block Pro Theme Pack

Code snippets can be difficult to read when their formatting does not distinguish language syntax or draw attention to the relevant lines. This theme pack brings a selection of VS Code-inspired styles to code blocks in the WordPress block editor, helping publishers present programming examples with clear syntax highlighting.

Choose from 27 free themes and 29 additional themes, then adjust font size, line height, and padding to suit the page. The pack also includes options for line highlighting, code block headers and footers, and a copy button for readers. It is intended for sites using the Code Block Pro plugin to publish code examples.

Features

• VS Code-inspired themes: Apply syntax highlighting styles inspired by Visual Studio Code themes to code blocks published through the Code Block Pro plugin.
• Theme collection: Choose from 27 free themes and 29 additional themes to set the appearance of code examples on your site.
• Font choices: Select Fira Code, JetBrains Mono, or your system default font for displayed code. Fira Code and JetBrains Mono include ligatures.
• Highlight specific lines: Emphasize selected lines in a code block, with an option to blur the remaining lines and direct attention to an example.
• Code block styling: Adjust font sizes, line heights, and padding to customize the layout of code blocks for your content.
• Copy code button: Add a button that lets readers copy a code snippet to their clipboard from the displayed code block.

Best for

• WordPress developer blogs
• Technical documentation sites
• Coding tutorial publishers