La coloration syntaxique

La coloration syntaxique de Pastacode repose sur la librairie javascript PrismJS, développée par Lea Verou. C’est une libraire légère et évolutive qui permet de parser de nombreux languages informatiques.

Pastacode permet de choisir parmi 7 thèmes de coloration différents, mais également de créer votre propre style !

Pastacode propose 7 thèmes de coloration syntaxique différents :

  • Prism : le thème de base de PrismJs, crée par Lea Verou. Tons clairs et design minimal
  • Dark : un autre thème de Lea Verou. Tons plus sombres (marron)
  • Funky : un thème très coloré, au design plus chargé (toujours par Lea Verou)
  • Coy : un thème de Tim Shedor, dans les tons bleus
  • Okaidia : thème css par Ocodia. Inspiré de Monokai
  • Tomorrow : un thème sombre mais pas complètement noir, par Rose Pritchard
  • Twilight : un thème très sombre, basé sur le thème éponyme de Textmate, par Remy Bach

Tester les différents thèmes

<?php
// This is a comment
$test = array( 'World' );
$test = array_splice( $test, 1, 0, 'Hello' );
echo implode( array_reverse( $test ), ' ' ) . '!';
/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: 0;
	overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}

Créer sa propre coloration syntaxique

Si vous ne trouvez pas votre bonheur dans les thèmes Prism fournis, vous pouvez créer un nouveau style en prenant pour base l’une des colorations existantes, tout se fait uniquement en CSS.

Pour charger votre nouvelle coloration syntaxique personnalisée, ajoutez le code suivant dans le fichier functions.php de votre thème WordPress :

<?php
add_action( 'wp_enqueue_scripts', 'custom_enqueue_script', 11 );
function custom_enqueue_script() {
	// $prismtheme est l’url de votre nouveau fichier
	$prismtheme = get_theme_file_uri( 'css/new-colors.css' );
	wp_deregister_style( 'prismcss' );
	wp_register_style( 'prismcss', $prismtheme, false, '1', 'all' );
}
Thème prism personnalisé