Improve dark mode code colours

[humphd]

Our dark mode isn't great for <code>...</code> (i.e., inline) and <pre><code>...</code></pre> (i.e., block):

We should probably take a look at how GitHub and other sites render code in dark mode, and see what we can borrow.

[japneetsingh035]

Hi @humphd, I would like to work on this. Please let me know if it is not assigned.

[manekenpix]

@japneetsingh035 all yours!

[japneetsingh035]

How about this combination. It is actually similar to GitHub & dev. Please let me know!

[humphd]

The red on black isn't great for contrast.

I would look at the existing stylesheets that exist for dark-mode with highlight.js:

• https://www.npmjs.com/package/highlightjs-material-dark-theme
• https://draculatheme.com/highlightjs
• etc

[cindyorangis]

Wow, someone is taking on this age-old issue? Originally #77 We had this working at some point on Telescope. It was added and removed by the Telescope 2.0 group. Maybe you can hunt down someone from that cohort who knows more... #1637 , as you can see, it was using the Material UI theming thing. We once had a button that we could toggle to switch to dark mode.