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

🌙 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!

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.

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

• Primer Team & Contributors
• JSS Project