Opened 2 years ago

Closed 2 years ago

#34287 closed Uncategorized (invalid)

JavaScript code blocks in the documentation have poor contrast when light theme is enabled

Reported by: Hrushikesh Vaidya Owned by: nobody
Component: Documentation Version: 4.1
Severity: Normal Keywords:
Cc: Triage Stage: Unreviewed
Has patch: no Needs documentation: no
Needs tests: no Patch needs improvement: no
Easy pickings: no UI/UX: yes

Description

For JavaScript code blocks in the documentation, even when the theme is set to "light" using the theme button in the navbar,
@media(prefers-color-scheme: dark) styles are applied.

When the theme is explicitly set to dark, html[data-theme="dark"] styles are applied (as expected), and when the theme is
set to system preference, and the system preference is dark, @media(prefers-color-scheme: dark) styles are applied (as expected),
but when the theme is switched to be light, the applied styles don't change.

Attachments (2)

docs-light-theme.jpg (97.8 KB ) - added by Hrushikesh Vaidya 2 years ago.
When theme is set to be light
docs-dark-theme.jpg (114.9 KB ) - added by Hrushikesh Vaidya 2 years ago.
When theme is set to be dark

Download all attachments as: .zip

Change History (3)

by Hrushikesh Vaidya, 2 years ago

Attachment: docs-light-theme.jpg added

When theme is set to be light

by Hrushikesh Vaidya, 2 years ago

Attachment: docs-dark-theme.jpg added

When theme is set to be dark

comment:1 by Mariusz Felisiak, 2 years ago

Resolution: invalid
Status: newclosed

Thanks for this report. First of all, it works for me (on Firefox). Secondly docs CSS styling issues should be reported on the djangoproject.com issue tracker.

Note: See TracTickets for help on using tickets.
Back to Top