# Dancer2::Plugin::SyntaxHighlight::Perl examples

This directory contains examples of CSS stylesheets that you could use to style the output of this module.

The examples below use [this example HTML](https://raw.githubusercontent.com/1nickt/Dancer2-Plugin-SyntaxHighlight-Perl/master/examples/generated.html) generated from [this Perl code](https://raw.githubusercontent.com/1nickt/Dancer2-Plugin-SyntaxHighlight-Perl/master/examples/fork-01.pl) *(itself taken from [http://parallel.pl](http://parallel.pl))*.

## terminal-dark

This style is designed to replicate as closely as possible the Perl syntax highlighting in `vim` on a dark terminal. 

Obviously this style needs a dark background. Shown here with styling on the enclosing div to simulate a terminal window.

![ScreenShot](https://raw.githubusercontent.com/1nickt/Dancer2-Plugin-SyntaxHighlight-Perl/master/examples/terminal-dark-code.png)

![ScreenShot](https://raw.githubusercontent.com/1nickt/Dancer2-Plugin-SyntaxHighlight-Perl/master/examples/terminal-dark-output.png)

[Download the CSS](https://raw.githubusercontent.com/1nickt/Dancer2-Plugin-SyntaxHighlight-Perl/master/examples/terminal-dark.css) for `terminal-dark`.

## background-light

This style is for use with a light-coloured page and is based on the style used for source code on [meta::cpan](https://metacpan.org).

![ScreenShot](https://raw.githubusercontent.com/1nickt/Dancer2-Plugin-SyntaxHighlight-Perl/master/examples/background-light-code.png)

![ScreenShot](https://raw.githubusercontent.com/1nickt/Dancer2-Plugin-SyntaxHighlight-Perl/master/examples/background-light-output.png)

[Download the CSS](https://raw.githubusercontent.com/1nickt/Dancer2-Plugin-SyntaxHighlight-Perl/master/examples/background-light.css) for `background-light`.




