[3.2.x] Refs #31259 -- Made various dark theme adjustments.

Backport of f054468cac325e8d8fa4d5934b939b93242a3730 from master

4 files changed, 8 insertions, 4 deletions

diff --git a/django/contrib/admin/static/admin/css/base.css b/django/contrib/admin/static/admin/css/base.css
index b3a9988f0d..379799fa1b 100644
--- a/django/contrib/admin/static/admin/css/base.css
+++ b/django/contrib/admin/static/admin/css/base.css
@@ -72,6 +72,7 @@
 
     --link-fg: #81d4fa;
     --link-hover-color: #4ac1f7;
+    --link-selected-fg: #6f94c6;
 
     --hairline-color: #272727;
     --border-color: #353535;
@@ -84,6 +85,9 @@
     --darkened-bg: #212121;
     --selected-bg: #1b1b1b;
     --selected-row: #00363a;
+
+    --close-button-bg: #333333;
+    --close-button-hover-bg: #666666;
   }
 }
 
diff --git a/django/contrib/admin/static/admin/css/changelists.css b/django/contrib/admin/static/admin/css/changelists.css
index bea09c60ce..f9adf0c085 100644
--- a/django/contrib/admin/static/admin/css/changelists.css
+++ b/django/contrib/admin/static/admin/css/changelists.css
@@ -313,7 +313,6 @@
 #changelist .actions select {
     vertical-align: top;
     height: 24px;
-    background: none;
     color: var(--body-fg);
     border: 1px solid var(--border-color);
     border-radius: 4px;
diff --git a/django/contrib/admin/static/admin/css/nav_sidebar.css b/django/contrib/admin/static/admin/css/nav_sidebar.css
index 3d3a7b4a69..f3c2fd8042 100644
--- a/django/contrib/admin/static/admin/css/nav_sidebar.css
+++ b/django/contrib/admin/static/admin/css/nav_sidebar.css
@@ -12,6 +12,7 @@
     justify-content: center;
     flex: 0 0 23px;
     width: 23px;
+    border: 0;
     border-right: 1px solid var(--hairline-color);
     background-color: var(--body-bg);
     cursor: pointer;
diff --git a/django/contrib/admin/static/admin/css/widgets.css b/django/contrib/admin/static/admin/css/widgets.css
index 11ba9c4f59..c7d64566d9 100644
--- a/django/contrib/admin/static/admin/css/widgets.css
+++ b/django/contrib/admin/static/admin/css/widgets.css
@@ -90,7 +90,7 @@
     text-indent: -3000px;
     overflow: hidden;
     cursor: default;
-    opacity: 0.3;
+    opacity: 0.55;
 }
 
 .active.selector-add, .active.selector-remove {
@@ -127,7 +127,7 @@ a.selector-chooseall, a.selector-clearall {
     line-height: 16px;
     color: var(--body-quiet-color);
     text-decoration: none;
-    opacity: 0.3;
+    opacity: 0.55;
 }
 
 a.active.selector-chooseall:focus, a.active.selector-clearall:focus,
@@ -268,7 +268,7 @@ p.datetime {
     white-space: nowrap;
     font-weight: normal;
     font-size: 11px;
-    color: var(--border-color);
+    color: var(--body-quiet-color);
 }
 
 .datetime input, .form-row .datetime input.vDateField, .form-row .datetime input.vTimeField {