Bug 1547937 - Fix old about:debugging backgrounds and colors for dark mode. r=dao

Differential Revision: https://phabricator.services.mozilla.com/D29335

--HG--
extra : moz-landing-system : lando

devtools/client/aboutdebugging/aboutdebugging.css

@@ -60,6 +60,13 @@ button {
 
 /* Targets */
 
+.target-icon,
+.addons-tip-icon,
+.warning {
+  -moz-context-properties: fill;
+  fill: currentColor;
+}
+
 .target-list {
   margin: 0;
   padding: 0;
@@ -144,11 +151,13 @@ button {
 }
 
 .target-status-stopped {
+  color: var(--grey-90);
   border-color: grey;
   background-color: lightgrey;
 }
 
 .target-status-running {
+  color: var(--grey-90);
   border-color: limegreen;
   background-color: palegreen;
 }
@@ -173,13 +182,13 @@ button {
 
 .addons-install-error {
   align-items: center;
-  background-color: #f3b0b0;
+  background-color: rgb(222, 33, 33, 0.3);
   display: flex;
   justify-content: space-between;
 }
 
 .service-worker-multi-process {
-  background-color: #ffeebb;
+  background-color: rgb(255, 191, 0, 0.3);
   line-height: 1.5em;
 }
 
@@ -196,15 +205,6 @@ button {
   background-image: url(chrome://devtools/skin/images/alert.svg);
   background-repeat: no-repeat;
   background-size: contain;
-  -moz-context-properties: fill;
-  fill: #d7b600;
-}
-
-.addons-install-error .warning,
-.service-worker-multi-process .warning {
-  /* The warning icon can be hard to see on red / yellow backgrounds, this turns the icon
-  to a black icon. */
-  fill: #0c0c0d;
 }
 
 .addons-install-error__additional-errors {
@@ -285,7 +285,7 @@ button {
 }
 
 .target-card-actions {
-  border-top: 1px solid rgba(0, 0, 0, 0.2);
+  border-top: 1px solid var(--in-content-border-color);
   padding-top: 16px;
 }