█▀▀ █ ▀█▀ █░█ █░█ █▄▄   █▀▄ ▄▀█ █▀█ █▄▀
█▄█ █ ░█░ █▀█ █▄█ █▄█   █▄▀ █▀█ █▀▄ █░█

🌙 A simple Chroma theme based on GitHub's Dark color scheme!

No more client-side JS-based highlighting for a better dark highlighting theme with Hugo!

Feel free to open a Issue/PR for improvements!

Use with chroma CLI ⌨️

NOTE: Chroma v2.3.0 and onward, github-dark style is shipped by default.

Specify the output format as html when invoking chroma with chroma -f html.
Clear out the styles from the generated output, i.e. delete everything in between the opening and closing <style> tags.
Then just copy and paste the contents of dist/gh-dark-chroma.css in the cleared space.

Use with Hugo 🛠️

NOTE: Hugo v0.104.0 and onward ship with Chroma v2.3.0+. It includes github-dark style by default.

Head over to the Releases page, and download the lastest gh-dark-chroma.css.zip.
Turn markup.highlight.noClasses to false in your Hugo config.
Then simply include the downloaded stylesheet in your layouts, e.g. in a head partial to make it available on all pages.

Run npm run build inside project's root directory.
You could also run npm update -S before running the build to use the latest GH styles.
Look for dist/gh-dark-chroma.css after successful build.

To create a reference stylesheet of classes, run:

hugo gen chromastyles --style=monokai > sample.css