What Syntax Highlighter does Bootstrap use?

[Skrillx13]

Hi. I know this isn't exactly a question/issue about Bootstrap, but I just really want to know. To be specific, the Syntax Highlighter used on the Bootstrap website.

Here's an example of what I'm talking about, where the code on the page is highlighted really nicely.

What Syntax highlighter is used, and what theme for the Syntax Highlighter is used (if there is one).

[julien-deramond]

Hi @Skrillx13
Our documentation is built with Hugo which uses Chroma as syntax highlighter (source: https://gohugo.io/content-management/syntax-highlighting/)
Then, we override the style with this site/assets/scss/_syntax.scss file for light and dark mode, based on Bootstrap color palette.

[Skrillx13]

Thanks a lot! So if I were to want to use Bootstraps syntax highlighting colours, I would need to override the Chroma styles with the _syntax.scss file right

[julien-deramond]

Yeah, 1st step would be to find a way to use Chroma in your project, and then follow its documentation to see how to override properly the rendering (the colors), maybe there's a way to configure it with a config file, IDK. Worst case scenario, it's going to be something like what we've done with the _syntax.scss "from outside".