1
0
mirror of https://github.com/django/django.git synced 2024-12-22 17:16:24 +00:00

Fixed #35645, Refs #35558 -- Added "medium" color in the admin CSS to improve accessibility of headings.

This commit is contained in:
Natalia 2024-08-01 11:01:46 -03:00 committed by nessita
parent d5bebc1c26
commit 6e66c77089
3 changed files with 10 additions and 12 deletions

View File

@ -13,6 +13,7 @@ html[data-theme="light"],
--body-fg: #333; --body-fg: #333;
--body-bg: #fff; --body-bg: #fff;
--body-quiet-color: #666; --body-quiet-color: #666;
--body-medium-color: #444;
--body-loud-color: #000; --body-loud-color: #000;
--header-color: #ffc; --header-color: #ffc;
@ -149,7 +150,6 @@ h1 {
margin: 0 0 20px; margin: 0 0 20px;
font-weight: 300; font-weight: 300;
font-size: 1.25rem; font-size: 1.25rem;
color: var(--body-quiet-color);
} }
h2 { h2 {
@ -165,7 +165,7 @@ h2.subhead {
h3 { h3 {
font-size: 0.875rem; font-size: 0.875rem;
margin: .8em 0 .3em 0; margin: .8em 0 .3em 0;
color: var(--body-quiet-color); color: var(--body-medium-color);
font-weight: bold; font-weight: bold;
} }
@ -173,6 +173,7 @@ h4 {
font-size: 0.75rem; font-size: 0.75rem;
margin: 1em 0 .8em 0; margin: 1em 0 .8em 0;
padding-bottom: 3px; padding-bottom: 3px;
color: var(--body-medium-color);
} }
h5 { h5 {
@ -319,7 +320,7 @@ td, th {
} }
th { th {
font-weight: 600; font-weight: 500;
text-align: left; text-align: left;
} }
@ -340,7 +341,7 @@ tfoot td {
} }
thead th.required { thead th.required {
color: var(--body-loud-color); font-weight: bold;
} }
tr.alt { tr.alt {

View File

@ -5,7 +5,8 @@
--body-fg: #eeeeee; --body-fg: #eeeeee;
--body-bg: #121212; --body-bg: #121212;
--body-quiet-color: #e0e0e0; --body-quiet-color: #d0d0d0;
--body-medium-color: #e0e0e0;
--body-loud-color: #ffffff; --body-loud-color: #ffffff;
--breadcrumbs-link-fg: #e0e0e0; --breadcrumbs-link-fg: #e0e0e0;
@ -41,7 +42,8 @@ html[data-theme="dark"] {
--body-fg: #eeeeee; --body-fg: #eeeeee;
--body-bg: #121212; --body-bg: #121212;
--body-quiet-color: #e0e0e0; --body-quiet-color: #d0d0d0;
--body-medium-color: #e0e0e0;
--body-loud-color: #ffffff; --body-loud-color: #ffffff;
--breadcrumbs-link-fg: #e0e0e0; --breadcrumbs-link-fg: #e0e0e0;

View File

@ -44,7 +44,6 @@ label {
.required label, label.required { .required label, label.required {
font-weight: bold; font-weight: bold;
color: var(--body-fg);
} }
/* RADIO BUTTONS */ /* RADIO BUTTONS */
@ -381,7 +380,7 @@ body.popup .submit-row {
.inline-related h4, .inline-related h4,
.inline-related:not(.tabular) .collapse summary { .inline-related:not(.tabular) .collapse summary {
margin: 0; margin: 0;
color: var(--body-quiet-color); color: var(--body-medium-color);
padding: 5px; padding: 5px;
font-size: 0.8125rem; font-size: 0.8125rem;
background: var(--darkened-bg); background: var(--darkened-bg);
@ -390,10 +389,6 @@ body.popup .submit-row {
border-right-color: var(--darkened-bg); border-right-color: var(--darkened-bg);
} }
.inline-related h3 {
color: var(--body-loud-color);
}
.inline-related h3 span.delete { .inline-related h3 span.delete {
float: right; float: right;
} }