Backed out changeset c37b2558862b (bug 1787063) for causing new failures on _theme.scss. CLOSED TREE

browser/components/firefoxview/firefoxview.css

@@ -62,7 +62,7 @@ body {
   --fxview-extra-contrast-border: color-mix(in hsl, currentColor 85%, transparent);
   --in-content-zap-gradient: linear-gradient(var(--fxview-extra-contrast-border), var(--fxview-extra-contrast-border));
   --card-border-zap-gradient: var(--in-content-zap-gradient);
-  --fxview-text-secondary-color: color-mix(in srgb, currentColor 70%, transparent);
+  --fxview-text-secondary-color: color-mix(in srgb, currentColor 80%, transparent);
   --newtab-background-color-secondary: #FFF;
   --colorways-no-collection-notice-bg-color: transparent;
 
@@ -98,7 +98,6 @@ body:not([lwt-newtab]) {
     --fxview-element-background-hover: ButtonText;
     --fxview-element-background-active: ButtonText;
     --fxview-text-color-hover: ButtonFace;
-    --fxview-text-secondary-color: currentColor;
   }
 }
 

browser/components/newtab/content-src/styles/_theme.scss

@@ -31,7 +31,7 @@ body {
   --newtab-primary-action-background: #{$primary-blue};
   // A button colour closer to the Pocket brand for usage in the Pocket section.
   --newtab-primary-action-background-pocket: #{$primary-green};
-  --newtab-text-secondary-color: color-mix(in srgb, var(--newtab-text-primary-color) 70%, transparent);
+  --newtab-text-secondary-color: color-mix(in srgb, var(--newtab-text-primary-color) 80%, transparent);
 
   // --newtab-element-*-color is used when an element needs to be set off from
   // the primary background color.
@@ -91,9 +91,3 @@ body {
     --newtab-status-success: #{$status-dark-green};
   }
 }
-
-@media (prefers-contrast) {
-  body {
-    --newtab-text-secondary-color: var(--newtab-text-primary-color);;
-  }
-}

browser/components/newtab/css/activity-stream-linux.css

@@ -39,7 +39,7 @@ body {
   --newtab-text-primary-color: #15141a;
   --newtab-primary-action-background: #0061e0;
   --newtab-primary-action-background-pocket: #008078;
-  --newtab-text-secondary-color: color-mix(in srgb, var(--newtab-text-primary-color) 70%, transparent);
+  --newtab-text-secondary-color: color-mix(in srgb, var(--newtab-text-primary-color) 80%, transparent);
   --newtab-element-hover-color: color-mix(in srgb, var(--newtab-background-color) 90%, #000);
   --newtab-element-active-color: color-mix(in srgb, var(--newtab-background-color) 80%, #000);
   --newtab-element-secondary-color: color-mix(in srgb, currentColor 5%, transparent);
@@ -83,12 +83,6 @@ body[lwt-newtab-brighttext] {
   --newtab-status-success: #7C6;
 }
 
-@media (prefers-contrast) {
-  body {
-    --newtab-text-secondary-color: var(--newtab-text-primary-color);
-  }
-}
-
 .icon {
   background-position: center center;
   background-repeat: no-repeat;

browser/components/newtab/css/activity-stream-mac.css

@@ -43,7 +43,7 @@ body {
   --newtab-text-primary-color: #15141a;
   --newtab-primary-action-background: #0061e0;
   --newtab-primary-action-background-pocket: #008078;
-  --newtab-text-secondary-color: color-mix(in srgb, var(--newtab-text-primary-color) 70%, transparent);
+  --newtab-text-secondary-color: color-mix(in srgb, var(--newtab-text-primary-color) 80%, transparent);
   --newtab-element-hover-color: color-mix(in srgb, var(--newtab-background-color) 90%, #000);
   --newtab-element-active-color: color-mix(in srgb, var(--newtab-background-color) 80%, #000);
   --newtab-element-secondary-color: color-mix(in srgb, currentColor 5%, transparent);
@@ -87,12 +87,6 @@ body[lwt-newtab-brighttext] {
   --newtab-status-success: #7C6;
 }
 
-@media (prefers-contrast) {
-  body {
-    --newtab-text-secondary-color: var(--newtab-text-primary-color);
-  }
-}
-
 .icon {
   background-position: center center;
   background-repeat: no-repeat;

browser/components/newtab/css/activity-stream-windows.css

@@ -39,7 +39,7 @@ body {
   --newtab-text-primary-color: #15141a;
   --newtab-primary-action-background: #0061e0;
   --newtab-primary-action-background-pocket: #008078;
-  --newtab-text-secondary-color: color-mix(in srgb, var(--newtab-text-primary-color) 70%, transparent);
+  --newtab-text-secondary-color: color-mix(in srgb, var(--newtab-text-primary-color) 80%, transparent);
   --newtab-element-hover-color: color-mix(in srgb, var(--newtab-background-color) 90%, #000);
   --newtab-element-active-color: color-mix(in srgb, var(--newtab-background-color) 80%, #000);
   --newtab-element-secondary-color: color-mix(in srgb, currentColor 5%, transparent);
@@ -83,12 +83,6 @@ body[lwt-newtab-brighttext] {
   --newtab-status-success: #7C6;
 }
 
-@media (prefers-contrast) {
-  body {
-    --newtab-text-secondary-color: var(--newtab-text-primary-color);
-  }
-}
-
 .icon {
   background-position: center center;
   background-repeat: no-repeat;