Opened 2 years ago

Closed 2 years ago

#34037 closed Bug (fixed)

Low text contrast for grey buttons in admin light theme

Reported by: Thibaud Colas Owned by: Mia Bajić
Component: contrib.admin Version: 4.0
Severity: Normal Keywords: accessibility, color contrast, ux
Cc: Triage Stage: Ready for checkin
Has patch: yes Needs documentation: no
Needs tests: no Patch needs improvement: no
Easy pickings: no UI/UX: yes

Description

The Django admin’s light theme uses mid-grey backgrounds for the "object tools" and "cancel" buttons, which doesn’t offer enough contrast combined with their white text. Here is a ​full contrast grid of the light theme color palette for reference.

This can be fixed by changing the one --close-button-bg variable I believe. I would recommend setting it to #747474, currently used for those buttons’ hover state, and switch the hover state to use a much darker #333 instead.

Change History (6)

comment:1 by Thibaud Colas, 2 years ago

Type: Uncategorized → Bug

comment:2 by Mariusz Felisiak, 2 years ago

Triage Stage: Unreviewed → Accepted

comment:3 by Mia Bajić, 2 years ago

Owner: changed from nobody to Mia Bajić
Status: new → assigned

comment:5 by Mariusz Felisiak, 2 years ago

Triage Stage: Accepted → Ready for checkin

comment:6 by GitHub <noreply@…>, 2 years ago

Resolution: → fixed
Status: assigned → closed

In 50096a3a:

Fixed #34037 -- Improved color contrast for close buttons in admin.

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