grettke

Out of the box, <a href="https://wordpress.org/extend/plugins/wp-syntax/" rel="ugc">WP-Syntax</a> 
colors code using the default <a href="http://qbnz.com/highlighter/" rel="nofollow ugc">GeSHi</a> colors. 
Per the authors advice in the ‘Advanced Customization’ section of 
<a href="https://wordpress.org/extend/plugins/wp-syntax/other_notes/" rel="ugc">Other Notes</a>, 
you can configure GeSHi yourself by handling the <code>wp_syntax_init_geshi</code> 
hook and configuring it programmatically.
Since I wanted to do just that, I decided to publish a generic plugin 
for folks who wanted to configure GeSHi following this approach.
<h3>Release Notes</h3>
1.2 : Set keyword expansion in the plugin file. Uses Wp-Syntax 0.9, which depends on GeSHi 1.0.7.22.
1.1 : Fixed grammatical errors in the readme.txt. Uses Wp-Syntax 0.9, which depends on GeSHi 1.0.7.22.
1.0 : First public release. Uses Wp-Syntax 0.9, which depends on GeSHi 1.0.7.22.

wp-syntax-rettke

wp-syntax-rettke serves as an example for the programmatic 
"Advanced Configuration" of GeSHi in Ryan McGeary's excellent WP-Syntax plu …

xhtheme

Xhtheme Code Block is a plugin for adding code blocks to your WordPress site, supporting syntax highlighting and adapting to the theme’s light and dark mode switching.
<ul>
<li>Supports syntax highlighting for multiple programming languages.</li>
<li>Allows selection of light, dark, or auto mode.</li>
<li>Supports custom filename display.</li>
</ul>
<h3>External Libraries</h3>
<ul>
<li>
Alpine.js:
<ul>
<li>Version: 3.x.x</li>
<li>Source: <a href="https://alpinejs.dev/" rel="nofollow ugc">Alpine.js Official Website</a></li>
<li>Description: Alpine.js is a lightweight JavaScript framework for adding interactivity to HTML. It is used in the Xhtheme Code Block plugin to manage the reactive state of the settings page, allowing for dynamic updates and user interactions without the need for page reloads.</li>
</ul>
</li>
<li>
Prism.js:
<ul>
<li>Version: 1.x.x</li>
<li>Source: <a href="https://prismjs.com/" rel="nofollow ugc">Prism.js Official Website</a></li>
<li>Description: Prism.js is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It is used in the Xhtheme Code Block plugin to provide syntax highlighting for a wide range of programming languages.</li>
</ul>
</li>
</ul>
<h3>Source Code</h3>
The source code for <code>build/index.js</code> can be found in the <code>block-code/src</code> directory.

Xhtheme Code Block

A plugin to add code blocks with syntax highlighting to your WordPress site, and adapt to the theme's light and dark mode switching.

wp-syntax-rettke vs Xhtheme Code Block