[Question] What is the theme used in code blocks?

[robcresswell]

Hi!

Sorry for the question here, I know it isn't ideal (have tried the Discord, and Google, and no luck.)

What is the theme used in the example code blocks, such as https://github.com/vuejs/vuejs.org/blob/master/src/images/vue-component.png? It's quite pleasant and the contrast seems solid too.

Thanks!

[chrisvfritz]

The question is actually very specific to this repo, so this is the perfect place for it. 🙂 I believe Evan made it up very early on in Vue's history. You can see some styles for general code blocks defined in _common.styl, with styles for syntax-highlighting in _syntax.styl. You're very welcome to use them yourself if you'd like!

[robcresswell]

Awesome, I will do that. Was putting together a highlighting theme for Pygments / Chroma (to be used in Hugo); a lot of themes, pretty as they are, fail the WCAG contrast guidelines. So I think I'll pinch this because it looks like a good start, and I can adjust as required. Thanks @chrisvfritz

[chrisvfritz]

@robcresswell If you come up with more WCAG-compliant tweaks that still fit with the theme of the site, I'd be interested in a PR. 🙂

[robcresswell]

@chrisvfritz Absolutely! 😇

[robcresswell]

@chrisvfritz #1666 - had a go at feeding back some tweaks.