id	summary	reporter	owner	description	type	status	component	version	severity	resolution	keywords	cc	stage	has_patch	needs_docs	needs_tests	needs_better_patch	easy	ui_ux
34037	Low text contrast for grey buttons in admin light theme	Thibaud Colas	Mia Bajić	"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 [https://contrast-grid.eightshapes.com/?version=1.1.0&background-colors=%23fff%2C%20body-bg%0D%0A%23417690%2C%20header-bg%0D%0A%2379aec8%2C%20breadcrumbs-bg%0D%0A%23dfd%2C%20message-success-bg%0D%0A%23ffc%2C%20message-warning-bg%0D%0A%23ffefef%2C%20message-error-bg%0D%0A%23f8f8f8%2C%20darkened-bg%0D%0A%23e4e4e4%2C%20selected-bg%0D%0A%2379aec8%2C%20button-bg%0D%0A%23609ab6%2C%20button-hover-bg%0D%0A%23417690%2C%20default-button-bg%0D%0A%23205067%2C%20default-button-hover-bg%0D%0A%23888%2C%20close-button-bg%0D%0A%23747474%2C%20close-button-hover-bg%0D%0A%23ba2121%2C%20delete-button-bg%0D%0A%23a41515%2C%20delete-button-hover-bg&foreground-colors=%2379aec8%2C%20primary%0D%0A%23417690%2C%20secondary%0D%0A%23f5dd5d%2C%20accent%0D%0A%23fff%2C%20primary-fg%0D%0A%23333%2C%20body-fg%0D%0A%23666%2C%20body-quiet-color%0D%0A%23000%2C%20body-loud-color%0D%0A%23ffc%2C%20header-color%0D%0A%23f5dd5d%2C%20header-branding-color%0D%0A%23fff%2C%20header-link-color%0D%0A%23fff%2C%20breadcrumbs-link-fg%0D%0A%23c4dce8%2C%20breadcrumbs-fg%0D%0A%23447e9b%2C%20link-fg%0D%0A%23036%2C%20link-hover-color%0D%0A%235b80b2%2C%20link-selected-fg%0D%0A%23e8e8e8%2C%20hairline-color%0D%0A%23ccc%2C%20border-color%0D%0A%23ba2121%2C%20error-fg%0D%0A%23ffc%2C%20selected-row%0D%0A%23fff%2C%20button-fg&es-color-form__tile-size=compact&es-color-form__show-contrast=aaa&es-color-form__show-contrast=aa&es-color-form__show-contrast=aa18&es-color-form__show-contrast=dnp 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."	Bug	closed	contrib.admin	4.0	Normal	fixed	accessibility, color contrast, ux		Ready for checkin	1	0	0	0	0	1