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

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

Build 🏗️

• 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.

CSS Reference 📙

To create a reference stylesheet of classes, run:

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

Credits ⭐

• Primer Team & Contributors
• JSS Project