Bug 1828908 - Update --in-content-deemphasized-text to use transparen…

…cy instead of hardcoded color values. r=sfoster

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

toolkit/themes/shared/global-shared.css

@@ -30,8 +30,8 @@
   --arrowpanel-dimmed: color-mix(in srgb, currentColor 17%, transparent);
   --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 30%, transparent);
 
-  --panel-description-color: color-mix(in srgb, currentColor 60%, transparent);;
-  --panel-disabled-color: color-mix(in srgb, currentColor 40%, transparent);;
+  --panel-description-color: color-mix(in srgb, currentColor 60%, transparent);
+  --panel-disabled-color: color-mix(in srgb, currentColor 40%, transparent);
 
   --popup-notification-body-width: calc(31em - calc(2 * var(--arrowpanel-padding)));
 

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

@@ -10,7 +10,7 @@
   --in-content-page-color: rgb(21, 20, 26);
   --in-content-page-background: #fff;
   --in-content-text-color: var(--in-content-page-color);
-  --in-content-deemphasized-text: rgb(91, 91, 102);
+  --in-content-deemphasized-text: color-mix(in srgb, currentColor 69%, transparent);
   --in-content-box-background: #fff;
   --in-content-box-background-odd: rgba(12, 12, 13, 0.05); /* grey 90 a05 */
   --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent);
@@ -133,7 +133,7 @@
      * in-content privileged pages and plain-text documents). */
     --in-content-page-background: rgb(28,27,34);
     --in-content-page-color: rgb(251,251,254);
-    --in-content-deemphasized-text: rgb(191,191,201);
+    --in-content-deemphasized-text: color-mix(in srgb, currentColor 75%, transparent);
 
     --in-content-box-background: rgb(35, 34, 43);
     --in-content-box-background-odd: rgba(249,249,250,0.05);