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:
parent
d5bebc1c26
commit
6e66c77089
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user