Dark mode improvements

[lcfd]

Hi! 👋

I want to propose some changes to https://www.djangoproject.com/.

I have already written here #1238.

Dark mode

• The text color in the green buttons should be white. At the moment is black and it's not that readable.
• The links in the documentation (https://docs.djangoproject.com/en/4.1/) should be in a shade of green. At the moment they are red and they seem an error. The color used for the page change looks good.
  
• The code snippets use red as the main color, using green can be "more Django"
• The code snippets should use a different shade of gray to be distinguished better

General

• I would appreciate an increase in the font-size which at the moment is really small (14px).

I'll stay tuned for any questions! Let me know.

[pauloxnet]

I would propose to create an issue for each of the points proposed by @lcfd that we consider valid.

[sabderemane]

I just want to add some context before:

• The dark mode currently is the light mode with more contrasted colors according accessibility issues (and avoid to make too many breaking changes)
• The green buttons are taking the current background color as it was in light mode
• The code snippets are from a theme defined by an external library

The code snippets use red as the main color, using green can be "more Django"
The code snippets should use a different shade of gray to be distinguished better

IMO, if it's changed, it should take in consideration all the colors used from the code snippets in light mode.

Also, I would like to add the fact that the light mode have many accessibility issues and improve / redesign it, may fix the current issue.

[Maniktherana]

I'd like to add that with the addition of dark mode certain company logos tend to blend in with the background on the donations page. Perhaps each sponsor's logo can have a small card instead? The backgrounds of the cards can be white or Django green. I'm not sure if there's an issue for this but I'd be happy to work on it.

[thibaudcolas]

Recommendations from user research report in #1496:

Users express a clear preference for Dark Mode and appreciate the inclusion of this mode. However, significant opportunities emerge to improve the experience by resolving issues with functionality, inverted colors, and unpleasant tones.

• Analysis and correction of existing problems: Perform a detailed analysis of user-reported issues related to Dark Mode.
• Revised color palette to ensure proper and accessible color contrast
• Optimizing dark mode for all pages: Ensure that Dark Mode is optimized and consistent across all pages of the site, avoiding discrepancies or transition problems.
• Integration with browser preferences: Leverage browser theme preferences to provide a smoother transition between light and dark modes without negatively impacting browsing.