#36851: Add dark mode support for Django debug error pages
----------------------------+-------------------------------------------
Reporter: Ekin Ertaç | Type: New feature
Status: new | Component: Error reporting
Version: 6.0 | Severity: Normal
Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 1
----------------------------+-------------------------------------------
== Problem
When working in dark mode environments, Django's debug error pages (500,
404, etc.) display with bright white backgrounds (`#fff` and `#eee`),
which causes significant eye strain and discomfort. This is a common issue
for developers who work in dark mode, as the sudden bright white page can
be jarring and painful to look at.
Django's admin interface and the main Django website already support dark
mode, but the error pages do not, creating an inconsistent experience.
== Proposed Solution
Add dark mode support to Django's debug error page templates using CSS
media queries (`@media (prefers-color-scheme: dark)`). This would
automatically detect the user's system preference and apply appropriate
dark theme colors.
The affected templates are:
* `django/views/templates/technical_500.html`
* `django/views/templates/technical_404.html`
This should follow the same pattern used in Django admin for consistency.
== Benefits
* Reduces eye strain for developers working in dark mode
* Creates consistency with Django admin and website dark mode support
* Respects user's system preferences automatically
* No breaking changes - light mode remains the default for systems without
dark mode preference
--
Ticket URL: <https://code.djangoproject.com/ticket/36851>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
--
You received this message because you are subscribed to the Google Groups
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion visit
https://groups.google.com/d/msgid/django-updates/0107019b99c73acf-5a1654ef-52d4-4aa4-9eb6-578b8efe35c0-000000%40eu-central-1.amazonses.com.
