Backed out changeset 0c643e1215c7 (bug 1544111) for failing bc at browser_parsable_css.js on a CLOSED TREE

browser/base/content/test/static/browser_parsable_css.js

@@ -145,10 +145,6 @@ let propNameWhitelist = [
    isFromDevTools: true},
   {propName: "--bezier-grid-color",
    isFromDevTools: true},
-
-  // This is currently only used with @media (prefers-color-scheme: dark)
-  {propName: "--grey-40",
-   isFromDevTools: false},
 ];
 
 // Add suffix to stylesheets' URI so that we always load them here and

toolkit/mozapps/extensions/content/aboutaddons.css

@@ -53,8 +53,6 @@ addon-list .addon.card {
   width: var(--addon-icon-size);
   height: var(--addon-icon-size);
   margin-inline-end: 16px;
-  -moz-context-properties: fill;
-  fill: currentColor;
 }
 
 .card-contents {
@@ -70,6 +68,7 @@ addon-list .addon.card {
 .addon-name {
   font-size: 16px;
   font-weight: 600;
+  color: var(--grey-90);
   line-height: 22px;
   /* Subtract the top line-height so the text and icon align at the top. */
   margin-top: -3px;
@@ -78,7 +77,7 @@ addon-list .addon.card {
 .addon-description {
   font-size: 14px;
   line-height: 20px;
-  color: var(--in-content-deemphasized-text);
+  color: var(--grey-60);
   font-weight: 400;
 }
 
@@ -104,6 +103,10 @@ addon-card:not([expanded]) .addon-description {
   margin-inline-end: -8px;
 }
 
+addon-details {
+  color: var(--grey-60);
+}
+
 .addon-detail-description {
   margin: 16px 0;
 }
@@ -191,8 +194,6 @@ button[action="more-options"] {
   width: 24px;
   height: 24px;
   margin: 0;
-  -moz-context-properties: fill;
-  fill: currentColor;
   background: url("chrome://global/skin/icons/more.svg") no-repeat center center;
 }
 
@@ -205,7 +206,7 @@ panel-item[action="remove"] {
 panel-item-separator {
   display: block;
   height: 1px;
-  background: var(--in-content-box-border-color);
+  background: var(--panel-border-color);
   padding: 0;
   margin: 6px 0;
 }

toolkit/mozapps/extensions/content/panel-item.css

@@ -1,5 +1,4 @@
 button {
-  color: inherit;
   background-color: transparent;
   background-image: var(--icon);
   background-position: 16px center;

toolkit/mozapps/extensions/content/panel-list.css

@@ -9,7 +9,7 @@
 :host {
   position: absolute;
   background: var(--in-content-box-background);
-  border: 1px solid var(--in-content-box-border-color);
+  border: 1px solid var(--panel-border-color);
   border-radius: var(--panel-border-radius);
   padding: 6px 0;
   margin-bottom: 16px;
@@ -44,7 +44,7 @@
   width: 18px;
   height: 9px;
   -moz-context-properties: fill, stroke;
-  stroke: var(--in-content-box-border-color);
+  stroke: var(--panel-border-color);
   fill: var(--in-content-box-background);
   background: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
   position: absolute;

toolkit/mozapps/extensions/content/shortcuts.css

@@ -20,8 +20,6 @@
   width: 24px;
   height: 24px;
   margin-inline-end: 16px;
-  -moz-context-properties: fill;
-  fill: currentColor;
 }
 
 .card-heading {

toolkit/themes/shared/in-content/common.inc.css

@@ -10,13 +10,12 @@
   --in-content-page-color: #0c0c0d;
   --in-content-page-background: #f9f9fa;
   --in-content-text-color: var(--grey-90);
-  --in-content-deemphasized-text: var(--grey-60);
   --in-content-selected-text: #fff;
   --in-content-box-background: #fff;
   --in-content-box-background-odd: rgba(12, 12, 13, 0.05); /* grey 90 a05 */
   --in-content-box-background-hover: #ededf0; /* grey 20 */
   --in-content-box-background-active: #d7d7db; /* grey 30 */
-  --in-content-box-border-color: var(--grey-90-a30);
+  --in-content-box-border-color: var(--grey-90-a40);
   --in-content-item-hover: rgba(69, 161, 255, 0.2); /* blue 40 a20 */
   --in-content-item-selected: #0a84ff;
   --in-content-border-highlight: #0a84ff;
@@ -49,6 +48,7 @@
   --in-content-table-border-dark-color: #d1d1d1;
   --in-content-table-header-background: #0a84ff;
 
+  --panel-border-color: var(--grey-90-a20);
   --panel-border-radius: 2px; /* This is overridden on Windows */
 
   /* The photon animation curve */
@@ -63,7 +63,6 @@
   --blue-80: #002275;
   --grey-20: #ededf0;
   --grey-30: #d7d7db;
-  --grey-40: #b1b1b3;
   --grey-50: #737373;
   --grey-60: #4a4a4f;
   --grey-90: #0c0c0d;
@@ -96,7 +95,6 @@
     --in-content-page-background: #2A2A2E;
     --in-content-page-color: rgb(249, 249, 250);
     --in-content-text-color: var(--in-content-page-color);
-    --in-content-deemphasized-text: var(--grey-40);
     --in-content-box-background: #202023;
     --in-content-box-background-hover: rgba(249,249,250,0.15);
     --in-content-box-background-active: rgba(249,249,250,0.2);