Colour issues in CSS - particularly documentation

[Greg Turner]

As part of a CSS audit (qv #11390) I ran a colour contrast checker over docs.djangoproject.com, and the issues it highlighted were:

• code snippets: grey text on green (e.g. comments, 'self': low contrast)
• code snippets: orange text on green (e.g. strings: low contrast for colour blind visitors)
• "Questions/feedback: orange text on green (links: low contrast for colour-blind visitors)

The attached patch for pygments.css corrects the code snippets. However there are no css files in the djangoproject.com repository so I'm unsure who will

[Greg Turner]

The questions/feedback is in the footer by the way.

[Greg Turner]

And the CSS audit is #11930.

[Gabriel Hurley]

Good call on the contrast check. I'd made a mental note of the grey on green before, but had never gotten around to opening a ticket for it.

My concern with the current patch is that it makes the various colors all pretty similar. They all tend towards blending in with the black text, and at that point you've lost the advantage of code highlighting.

One thing I think might help would be lightening the background color of the code blocks rather than darkening the foreground colors. (That'd mean changing pre, .literal-block's background-color property)

So, whatever can be done to increase contrast without losing the clear distinction of the colors would improve this patch IMHO.

[Aymeric Augustin]

Change UI/UX from NULL to False.

[Aymeric Augustin]

Change Easy pickings from NULL to False.

[Aymeric Augustin]

This came up in a ​DjangoCon Europe 2012 keynote.

[Tim Graham]

After the redesign this is superseded by ​https://github.com/django/djangoproject.com/issues/198 and tickets in that tracker.