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

3 files changed, 10 insertions, 12 deletions

diff --git a/django/contrib/admin/static/admin/css/base.css b/django/contrib/admin/static/admin/css/base.css
index d81bcab6a1..37910431a0 100644
--- a/django/contrib/admin/static/admin/css/base.css
+++ b/django/contrib/admin/static/admin/css/base.css
@@ -13,6 +13,7 @@ html[data-theme="light"],
     --body-fg: #333;
     --body-bg: #fff;
     --body-quiet-color: #666;
+    --body-medium-color: #444;
     --body-loud-color: #000;
 
     --header-color: #ffc;
@@ -149,7 +150,6 @@ h1 {
     margin: 0 0 20px;
     font-weight: 300;
     font-size: 1.25rem;
-    color: var(--body-quiet-color);
 }
 
 h2 {
@@ -165,7 +165,7 @@ h2.subhead {
 h3 {
     font-size: 0.875rem;
     margin: .8em 0 .3em 0;
-    color: var(--body-quiet-color);
+    color: var(--body-medium-color);
     font-weight: bold;
 }
 
@@ -173,6 +173,7 @@ h4 {
     font-size: 0.75rem;
     margin: 1em 0 .8em 0;
     padding-bottom: 3px;
+    color: var(--body-medium-color);
 }
 
 h5 {
@@ -319,7 +320,7 @@ td, th {
 }
 
 th {
-    font-weight: 600;
+    font-weight: 500;
     text-align: left;
 }
 
@@ -340,7 +341,7 @@ tfoot td {
 }
 
 thead th.required {
-    color: var(--body-loud-color);
+    font-weight: bold;
 }
 
 tr.alt {
diff --git a/django/contrib/admin/static/admin/css/dark_mode.css b/django/contrib/admin/static/admin/css/dark_mode.css
index 2123be05c4..7e12a81578 100644
--- a/django/contrib/admin/static/admin/css/dark_mode.css
+++ b/django/contrib/admin/static/admin/css/dark_mode.css
@@ -5,7 +5,8 @@
   
       --body-fg: #eeeeee;
       --body-bg: #121212;
-      --body-quiet-color: #e0e0e0;
+      --body-quiet-color: #d0d0d0;
+      --body-medium-color: #e0e0e0;
       --body-loud-color: #ffffff;
   
       --breadcrumbs-link-fg: #e0e0e0;
@@ -41,7 +42,8 @@ html[data-theme="dark"] {
 
     --body-fg: #eeeeee;
     --body-bg: #121212;
-    --body-quiet-color: #e0e0e0;
+    --body-quiet-color: #d0d0d0;
+    --body-medium-color: #e0e0e0;
     --body-loud-color: #ffffff;
 
     --breadcrumbs-link-fg: #e0e0e0;
diff --git a/django/contrib/admin/static/admin/css/forms.css b/django/contrib/admin/static/admin/css/forms.css
index 8b24fad39f..776a920e25 100644
--- a/django/contrib/admin/static/admin/css/forms.css
+++ b/django/contrib/admin/static/admin/css/forms.css
@@ -44,7 +44,6 @@ label {
 
 .required label, label.required {
     font-weight: bold;
-    color: var(--body-fg);
 }
 
 /* RADIO BUTTONS */
@@ -381,7 +380,7 @@ body.popup .submit-row {
 .inline-related h4,
 .inline-related:not(.tabular) .collapse summary {
     margin: 0;
-    color: var(--body-quiet-color);
+    color: var(--body-medium-color);
     padding: 5px;
     font-size: 0.8125rem;
     background: var(--darkened-bg);
@@ -390,10 +389,6 @@ body.popup .submit-row {
     border-right-color: var(--darkened-bg);
 }
 
-.inline-related h3 {
-    color: var(--body-loud-color);
-}
-
 .inline-related h3 span.delete {
     float: right;
 }