Change the code block background color

[Xartos]

When scrolling through the site I find that the background color of the code blocks does not make it easy to read. I think it is because the contrast to the text is not very great.

So if I could decide, I would like the background to be a bit brighter (more white/grey). By playing around in my browser I found #ced4e6 to work pretty well.

Definition of done

• The code blocks are a bit easier to read

[cristiklein]

@gabriellahansson1 Could you recommend a background color for code which provides a better contrast? We could also change the foreground color.

At any rate, I agree with @Xartos that the current colors are not very easy to read. See screenshot below as an example:

For comparison, here are mkdocs-material's default code colors:

[gabriellahansson1]

I would prefer if we can use any of the colors from the brandbook. Could the text of the code be in color "Night blue" (HEX #192131) or all black, if needed, and the background color of the code blocks be any of the following examples? (Sky Blue Dark, Sky Blue, or Snow) Feel free to choose the one you prefer the most 🙂