From dc7a8dec32b68038736852bd446f37dabe08b3d5 Mon Sep 17 00:00:00 2001
From: Scott <scott.downe@gmail.com>
Date: Tue, 6 Jul 2021 21:10:43 +0000
Subject: [PATCH] Bug 1719352 - Some newtab css changes to generated css files.
 r=amy,emcminn

Differential Revision: https://phabricator.services.mozilla.com/D119228
---
 .../newtab/css/activity-stream-linux.css      | 46 ++++++++++---------
 .../newtab/css/activity-stream-mac.css        | 46 ++++++++++---------
 .../newtab/css/activity-stream-windows.css    | 46 ++++++++++---------
 3 files changed, 75 insertions(+), 63 deletions(-)

diff --git a/browser/components/newtab/css/activity-stream-linux.css b/browser/components/newtab/css/activity-stream-linux.css
index 8105971c6dcd..0d09001669bc 100644
--- a/browser/components/newtab/css/activity-stream-linux.css
+++ b/browser/components/newtab/css/activity-stream-linux.css
@@ -43,6 +43,8 @@ body {
   --newtab-icon-secondary-color: rgba(12, 12, 13, 0.6);
   --newtab-icon-tertiary-color: #D7D7DB;
   --newtab-inner-box-shadow-color: rgba(0, 0, 0, 0.1);
+  --newtab-inner-box-shadow-color-nte: 0 2px 6px rgba(58, 57, 68, 0.2);
+  --newtab-tile-shadow-secondary: 0 2px 14px rgba(58, 57, 68, 0.2);
   --newtab-link-primary-color: #0060DF;
   --newtab-link-secondary-color: #008EA4;
   --newtab-text-conditional-color: #4A4A4F;
@@ -103,17 +105,19 @@ body {
   --customize-menu-secondary-action-background-hover: #EDEDF0;
   --customize-menu-secondary-action-background-active: #E2E2E6;
   --customize-menu-seperator-line-color: #E1E0E6;
+  --customize-menu-first-shadow: 0 2px 6px rgba(58, 57, 68, 0.2);
   --customize-menu-second-shadow: 0 2px 14px rgba(58, 57, 68, 0.2);
   --customize-menu-primary-action-text: #FFF;
   --customize-menu-line-color: #716F87;
-  --newtab-search-first-shadow: 0px 2px 6px rgba(58, 57, 68, 0.2);
+  --newtab-search-first-shadow: 0 2px 6px rgba(58, 57, 68, 0.2);
+  --newtab-search-second-shadow: 0 2px 14px rgba(58, 57, 68, 0.2);
   --newtab-search-text-color: #585165;
-  --newtab-card-first-shadow: rgba(9, 32, 77, 0.12);
-  --newtab-card-second-shadow: rgba(29, 17, 51, 0.12);
+  --newtab-card-first-shadow: 0 2px 6px rgba(58, 57, 68, 0.2);
+  --newtab-card-second-shadow: 0 2px 14px rgba(58, 57, 68, 0.2);
   --newtab-wordmark-color: #20123A;
 }
 body[lwt-newtab-brighttext] {
-  --newtab-background-color: #2A2A2E;
+  --newtab-background-color: #2B2A33;
   --newtab-border-primary-color: rgba(249, 249, 250, 0.8);
   --newtab-border-secondary-color: rgba(249, 249, 250, 0.1);
   --newtab-button-primary-color: #0060DF;
@@ -124,8 +128,8 @@ body[lwt-newtab-brighttext] {
   --newtab-icon-secondary-color: rgba(249, 249, 250, 0.4);
   --newtab-icon-tertiary-color: rgba(249, 249, 250, 0.4);
   --newtab-inner-box-shadow-color: rgba(249, 249, 250, 0.2);
-  --newtab-inner-box-shadow-color-nte: rgba(21, 20, 26, 0.5);
-  --newtab-tile-shadow-secondary: rgba(21, 20, 26, 0.75);
+  --newtab-inner-box-shadow-color-nte: 0 2px 6px rgba(28, 27, 34, 0.5);
+  --newtab-tile-shadow-secondary: 0 2px 14px rgba(28, 27, 34, 0.5);
   --newtab-link-primary-color: #45A1FF;
   --newtab-link-secondary-color: #50BCB6;
   --newtab-text-conditional-color: #F9F9FA;
@@ -157,13 +161,13 @@ body[lwt-newtab-brighttext] {
   --newtab-search-header-background-color: rgba(42, 42, 46, 0.95);
   --newtab-search-icon-color: rgba(249, 249, 250, 0.6);
   --newtab-search-wordmark-color: #FFF;
-  --newtab-topsites-background-color: #38383D;
+  --newtab-topsites-background-color: #42414d;
   --newtab-topsites-icon-shadow: none;
   --newtab-topsites-label-color: rgba(249, 249, 250, 0.8);
   --newtab-topsites-outer-card-hover: rgba(180, 180, 180, 0.1);
   --newtab-topsites-context-menu-hover: rgba(180, 180, 180, 0.1);
   --newtab-card-active-outline-color: #4A4A4F;
-  --newtab-card-background-color: #38383D;
+  --newtab-card-background-color: #42414d;
   --newtab-card-hairline-color: rgba(249, 249, 250, 0.1);
   --newtab-card-placeholder-color: #4A4A4F;
   --newtab-card-shadow: 0 1px 8px 0 rgba(12, 12, 13, 0.2);
@@ -183,15 +187,15 @@ body[lwt-newtab-brighttext] {
   --customize-menu-secondary-action-background-hover: #606065;
   --customize-menu-secondary-action-background-active: #6F6F74;
   --customize-menu-seperator-line-color: #53515F;
-  --customize-menu-first-shadow: rgba(21, 20, 26, 0.5);
-  --customize-menu-second-shadow: rgba(21, 20, 26, 0.75);
+  --customize-menu-first-shadow: 0 2px 6px rgba(28, 27, 34, 0.5);
+  --customize-menu-second-shadow: 0 2px 14px rgba(28, 27, 34, 0.5);
   --customize-menu-primary-action-text: #E0E0E6;
   --customize-menu-line-color: #B9B7CC;
-  --newtab-search-first-shadow: rgba(21, 20, 26, 0.5);
-  --newtab-search-second-shadow: rgba(21, 20, 26, 0.75);
+  --newtab-search-first-shadow: 0 2px 6px rgba(28, 27, 34, 0.5);
+  --newtab-search-second-shadow: 0 2px 14px rgba(28, 27, 34, 0.5);
   --newtab-search-text-color: #B1B1BD;
-  --newtab-card-first-shadow: rgba(21, 20, 26, 0.5);
-  --newtab-card-second-shadow: rgba(21, 20, 26, 0.75);
+  --newtab-card-first-shadow: 0 2px 6px rgba(28, 27, 34, 0.5);
+  --newtab-card-second-shadow: 0 2px 14px rgba(28, 27, 34, 0.5);
   --newtab-wordmark-color: #FFF;
 }
 
@@ -1219,7 +1223,7 @@ main.has-snippet {
 }
 .outer-wrapper.newtab-experience .top-site-outer .tile {
   border-radius: 8px;
-  box-shadow: 0 3px 8px var(--newtab-inner-box-shadow-color-nte), 0 0 2px var(--newtab-tile-shadow-secondary);
+  box-shadow: 0 2px 6px rgba(58, 57, 68, 0.2);
   background-color: var(--newtab-topsites-background-color);
   justify-content: center;
   margin: 0 auto;
@@ -1527,7 +1531,7 @@ main.has-snippet {
   background-size: 24px;
   padding-inline-start: 52px;
   padding-inline-end: 10px;
-  box-shadow: 0 3px 8px var(--newtab-search-first-shadow), 0 0 2px var(--newtab-search-second-shadow);
+  box-shadow: var(--newtab-search-first-shadow);
   border: 1px solid transparent;
   border-radius: 8px;
   color: var(--newtab-search-text-color);
@@ -2059,12 +2063,12 @@ main.has-snippet {
   transform: translateX(-435px);
 }
 .customize-menu.customize-animate-enter-done, .customize-menu.customize-animate-enter-active {
-  box-shadow: 0 0 64px var(--customize-menu-first-shadow), 0 0 24px var(--customize-menu-second-shadow);
+  box-shadow: var(--customize-menu-second-shadow);
   visibility: visible;
   transform: translateX(0);
 }
 .customize-menu.customize-animate-exit-active {
-  box-shadow: 0 0 64px var(--customize-menu-first-shadow), 0 0 24px var(--customize-menu-second-shadow);
+  box-shadow: var(--customize-menu-second-shadow);
 }
 .customize-menu .close-button {
   margin-inline-start: auto;
@@ -2306,7 +2310,7 @@ main.has-snippet {
   transition: none;
 }
 .outer-wrapper.newtab-experience .card-outer .card {
-  box-shadow: 0 3px 8px var(--newtab-card-first-shadow), 0 0 2px var(--newtab-card-second-shadow);
+  box-shadow: var(--newtab-card-first-shadow);
   border-radius: 8px;
 }
 .outer-wrapper.newtab-experience .card-outer .card-preview-image-outer {
@@ -3113,7 +3117,7 @@ main.has-snippet {
 
 .outer-wrapper.newtab-experience .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
   border-radius: 8px;
-  box-shadow: 0 3px 8px var(--newtab-card-first-shadow), 0 0 2px var(--newtab-card-second-shadow);
+  box-shadow: var(--newtab-card-first-shadow);
 }
 .outer-wrapper.newtab-experience .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) .img-wrapper .img img {
   border-radius: 8px 8px 0 0;
@@ -3189,7 +3193,7 @@ main.has-snippet {
 }
 [lwt-newtab-brighttext] .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
   box-shadow: 0 1px 4px rgba(12, 12, 13, 0.1);
-  background: #38383D;
+  background: #42414d;
 }
 .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) .img-wrapper .img img {
   border-radius: 4px 4px 0 0;
diff --git a/browser/components/newtab/css/activity-stream-mac.css b/browser/components/newtab/css/activity-stream-mac.css
index ba2638466c0e..ca224704e70c 100644
--- a/browser/components/newtab/css/activity-stream-mac.css
+++ b/browser/components/newtab/css/activity-stream-mac.css
@@ -47,6 +47,8 @@ body {
   --newtab-icon-secondary-color: rgba(12, 12, 13, 0.6);
   --newtab-icon-tertiary-color: #D7D7DB;
   --newtab-inner-box-shadow-color: rgba(0, 0, 0, 0.1);
+  --newtab-inner-box-shadow-color-nte: 0 2px 6px rgba(58, 57, 68, 0.2);
+  --newtab-tile-shadow-secondary: 0 2px 14px rgba(58, 57, 68, 0.2);
   --newtab-link-primary-color: #0060DF;
   --newtab-link-secondary-color: #008EA4;
   --newtab-text-conditional-color: #4A4A4F;
@@ -107,17 +109,19 @@ body {
   --customize-menu-secondary-action-background-hover: #EDEDF0;
   --customize-menu-secondary-action-background-active: #E2E2E6;
   --customize-menu-seperator-line-color: #E1E0E6;
+  --customize-menu-first-shadow: 0 2px 6px rgba(58, 57, 68, 0.2);
   --customize-menu-second-shadow: 0 2px 14px rgba(58, 57, 68, 0.2);
   --customize-menu-primary-action-text: #FFF;
   --customize-menu-line-color: #716F87;
-  --newtab-search-first-shadow: 0px 2px 6px rgba(58, 57, 68, 0.2);
+  --newtab-search-first-shadow: 0 2px 6px rgba(58, 57, 68, 0.2);
+  --newtab-search-second-shadow: 0 2px 14px rgba(58, 57, 68, 0.2);
   --newtab-search-text-color: #585165;
-  --newtab-card-first-shadow: rgba(9, 32, 77, 0.12);
-  --newtab-card-second-shadow: rgba(29, 17, 51, 0.12);
+  --newtab-card-first-shadow: 0 2px 6px rgba(58, 57, 68, 0.2);
+  --newtab-card-second-shadow: 0 2px 14px rgba(58, 57, 68, 0.2);
   --newtab-wordmark-color: #20123A;
 }
 body[lwt-newtab-brighttext] {
-  --newtab-background-color: #2A2A2E;
+  --newtab-background-color: #2B2A33;
   --newtab-border-primary-color: rgba(249, 249, 250, 0.8);
   --newtab-border-secondary-color: rgba(249, 249, 250, 0.1);
   --newtab-button-primary-color: #0060DF;
@@ -128,8 +132,8 @@ body[lwt-newtab-brighttext] {
   --newtab-icon-secondary-color: rgba(249, 249, 250, 0.4);
   --newtab-icon-tertiary-color: rgba(249, 249, 250, 0.4);
   --newtab-inner-box-shadow-color: rgba(249, 249, 250, 0.2);
-  --newtab-inner-box-shadow-color-nte: rgba(21, 20, 26, 0.5);
-  --newtab-tile-shadow-secondary: rgba(21, 20, 26, 0.75);
+  --newtab-inner-box-shadow-color-nte: 0 2px 6px rgba(28, 27, 34, 0.5);
+  --newtab-tile-shadow-secondary: 0 2px 14px rgba(28, 27, 34, 0.5);
   --newtab-link-primary-color: #45A1FF;
   --newtab-link-secondary-color: #50BCB6;
   --newtab-text-conditional-color: #F9F9FA;
@@ -161,13 +165,13 @@ body[lwt-newtab-brighttext] {
   --newtab-search-header-background-color: rgba(42, 42, 46, 0.95);
   --newtab-search-icon-color: rgba(249, 249, 250, 0.6);
   --newtab-search-wordmark-color: #FFF;
-  --newtab-topsites-background-color: #38383D;
+  --newtab-topsites-background-color: #42414d;
   --newtab-topsites-icon-shadow: none;
   --newtab-topsites-label-color: rgba(249, 249, 250, 0.8);
   --newtab-topsites-outer-card-hover: rgba(180, 180, 180, 0.1);
   --newtab-topsites-context-menu-hover: rgba(180, 180, 180, 0.1);
   --newtab-card-active-outline-color: #4A4A4F;
-  --newtab-card-background-color: #38383D;
+  --newtab-card-background-color: #42414d;
   --newtab-card-hairline-color: rgba(249, 249, 250, 0.1);
   --newtab-card-placeholder-color: #4A4A4F;
   --newtab-card-shadow: 0 1px 8px 0 rgba(12, 12, 13, 0.2);
@@ -187,15 +191,15 @@ body[lwt-newtab-brighttext] {
   --customize-menu-secondary-action-background-hover: #606065;
   --customize-menu-secondary-action-background-active: #6F6F74;
   --customize-menu-seperator-line-color: #53515F;
-  --customize-menu-first-shadow: rgba(21, 20, 26, 0.5);
-  --customize-menu-second-shadow: rgba(21, 20, 26, 0.75);
+  --customize-menu-first-shadow: 0 2px 6px rgba(28, 27, 34, 0.5);
+  --customize-menu-second-shadow: 0 2px 14px rgba(28, 27, 34, 0.5);
   --customize-menu-primary-action-text: #E0E0E6;
   --customize-menu-line-color: #B9B7CC;
-  --newtab-search-first-shadow: rgba(21, 20, 26, 0.5);
-  --newtab-search-second-shadow: rgba(21, 20, 26, 0.75);
+  --newtab-search-first-shadow: 0 2px 6px rgba(28, 27, 34, 0.5);
+  --newtab-search-second-shadow: 0 2px 14px rgba(28, 27, 34, 0.5);
   --newtab-search-text-color: #B1B1BD;
-  --newtab-card-first-shadow: rgba(21, 20, 26, 0.5);
-  --newtab-card-second-shadow: rgba(21, 20, 26, 0.75);
+  --newtab-card-first-shadow: 0 2px 6px rgba(28, 27, 34, 0.5);
+  --newtab-card-second-shadow: 0 2px 14px rgba(28, 27, 34, 0.5);
   --newtab-wordmark-color: #FFF;
 }
 
@@ -1223,7 +1227,7 @@ main.has-snippet {
 }
 .outer-wrapper.newtab-experience .top-site-outer .tile {
   border-radius: 8px;
-  box-shadow: 0 3px 8px var(--newtab-inner-box-shadow-color-nte), 0 0 2px var(--newtab-tile-shadow-secondary);
+  box-shadow: 0 2px 6px rgba(58, 57, 68, 0.2);
   background-color: var(--newtab-topsites-background-color);
   justify-content: center;
   margin: 0 auto;
@@ -1531,7 +1535,7 @@ main.has-snippet {
   background-size: 24px;
   padding-inline-start: 52px;
   padding-inline-end: 10px;
-  box-shadow: 0 3px 8px var(--newtab-search-first-shadow), 0 0 2px var(--newtab-search-second-shadow);
+  box-shadow: var(--newtab-search-first-shadow);
   border: 1px solid transparent;
   border-radius: 8px;
   color: var(--newtab-search-text-color);
@@ -2063,12 +2067,12 @@ main.has-snippet {
   transform: translateX(-435px);
 }
 .customize-menu.customize-animate-enter-done, .customize-menu.customize-animate-enter-active {
-  box-shadow: 0 0 64px var(--customize-menu-first-shadow), 0 0 24px var(--customize-menu-second-shadow);
+  box-shadow: var(--customize-menu-second-shadow);
   visibility: visible;
   transform: translateX(0);
 }
 .customize-menu.customize-animate-exit-active {
-  box-shadow: 0 0 64px var(--customize-menu-first-shadow), 0 0 24px var(--customize-menu-second-shadow);
+  box-shadow: var(--customize-menu-second-shadow);
 }
 .customize-menu .close-button {
   margin-inline-start: auto;
@@ -2310,7 +2314,7 @@ main.has-snippet {
   transition: none;
 }
 .outer-wrapper.newtab-experience .card-outer .card {
-  box-shadow: 0 3px 8px var(--newtab-card-first-shadow), 0 0 2px var(--newtab-card-second-shadow);
+  box-shadow: var(--newtab-card-first-shadow);
   border-radius: 8px;
 }
 .outer-wrapper.newtab-experience .card-outer .card-preview-image-outer {
@@ -3117,7 +3121,7 @@ main.has-snippet {
 
 .outer-wrapper.newtab-experience .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
   border-radius: 8px;
-  box-shadow: 0 3px 8px var(--newtab-card-first-shadow), 0 0 2px var(--newtab-card-second-shadow);
+  box-shadow: var(--newtab-card-first-shadow);
 }
 .outer-wrapper.newtab-experience .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) .img-wrapper .img img {
   border-radius: 8px 8px 0 0;
@@ -3193,7 +3197,7 @@ main.has-snippet {
 }
 [lwt-newtab-brighttext] .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
   box-shadow: 0 1px 4px rgba(12, 12, 13, 0.1);
-  background: #38383D;
+  background: #42414d;
 }
 .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) .img-wrapper .img img {
   border-radius: 4px 4px 0 0;
diff --git a/browser/components/newtab/css/activity-stream-windows.css b/browser/components/newtab/css/activity-stream-windows.css
index 35e17148ebab..fc1598bff335 100644
--- a/browser/components/newtab/css/activity-stream-windows.css
+++ b/browser/components/newtab/css/activity-stream-windows.css
@@ -43,6 +43,8 @@ body {
   --newtab-icon-secondary-color: rgba(12, 12, 13, 0.6);
   --newtab-icon-tertiary-color: #D7D7DB;
   --newtab-inner-box-shadow-color: rgba(0, 0, 0, 0.1);
+  --newtab-inner-box-shadow-color-nte: 0 2px 6px rgba(58, 57, 68, 0.2);
+  --newtab-tile-shadow-secondary: 0 2px 14px rgba(58, 57, 68, 0.2);
   --newtab-link-primary-color: #0060DF;
   --newtab-link-secondary-color: #008EA4;
   --newtab-text-conditional-color: #4A4A4F;
@@ -103,17 +105,19 @@ body {
   --customize-menu-secondary-action-background-hover: #EDEDF0;
   --customize-menu-secondary-action-background-active: #E2E2E6;
   --customize-menu-seperator-line-color: #E1E0E6;
+  --customize-menu-first-shadow: 0 2px 6px rgba(58, 57, 68, 0.2);
   --customize-menu-second-shadow: 0 2px 14px rgba(58, 57, 68, 0.2);
   --customize-menu-primary-action-text: #FFF;
   --customize-menu-line-color: #716F87;
-  --newtab-search-first-shadow: 0px 2px 6px rgba(58, 57, 68, 0.2);
+  --newtab-search-first-shadow: 0 2px 6px rgba(58, 57, 68, 0.2);
+  --newtab-search-second-shadow: 0 2px 14px rgba(58, 57, 68, 0.2);
   --newtab-search-text-color: #585165;
-  --newtab-card-first-shadow: rgba(9, 32, 77, 0.12);
-  --newtab-card-second-shadow: rgba(29, 17, 51, 0.12);
+  --newtab-card-first-shadow: 0 2px 6px rgba(58, 57, 68, 0.2);
+  --newtab-card-second-shadow: 0 2px 14px rgba(58, 57, 68, 0.2);
   --newtab-wordmark-color: #20123A;
 }
 body[lwt-newtab-brighttext] {
-  --newtab-background-color: #2A2A2E;
+  --newtab-background-color: #2B2A33;
   --newtab-border-primary-color: rgba(249, 249, 250, 0.8);
   --newtab-border-secondary-color: rgba(249, 249, 250, 0.1);
   --newtab-button-primary-color: #0060DF;
@@ -124,8 +128,8 @@ body[lwt-newtab-brighttext] {
   --newtab-icon-secondary-color: rgba(249, 249, 250, 0.4);
   --newtab-icon-tertiary-color: rgba(249, 249, 250, 0.4);
   --newtab-inner-box-shadow-color: rgba(249, 249, 250, 0.2);
-  --newtab-inner-box-shadow-color-nte: rgba(21, 20, 26, 0.5);
-  --newtab-tile-shadow-secondary: rgba(21, 20, 26, 0.75);
+  --newtab-inner-box-shadow-color-nte: 0 2px 6px rgba(28, 27, 34, 0.5);
+  --newtab-tile-shadow-secondary: 0 2px 14px rgba(28, 27, 34, 0.5);
   --newtab-link-primary-color: #45A1FF;
   --newtab-link-secondary-color: #50BCB6;
   --newtab-text-conditional-color: #F9F9FA;
@@ -157,13 +161,13 @@ body[lwt-newtab-brighttext] {
   --newtab-search-header-background-color: rgba(42, 42, 46, 0.95);
   --newtab-search-icon-color: rgba(249, 249, 250, 0.6);
   --newtab-search-wordmark-color: #FFF;
-  --newtab-topsites-background-color: #38383D;
+  --newtab-topsites-background-color: #42414d;
   --newtab-topsites-icon-shadow: none;
   --newtab-topsites-label-color: rgba(249, 249, 250, 0.8);
   --newtab-topsites-outer-card-hover: rgba(180, 180, 180, 0.1);
   --newtab-topsites-context-menu-hover: rgba(180, 180, 180, 0.1);
   --newtab-card-active-outline-color: #4A4A4F;
-  --newtab-card-background-color: #38383D;
+  --newtab-card-background-color: #42414d;
   --newtab-card-hairline-color: rgba(249, 249, 250, 0.1);
   --newtab-card-placeholder-color: #4A4A4F;
   --newtab-card-shadow: 0 1px 8px 0 rgba(12, 12, 13, 0.2);
@@ -183,15 +187,15 @@ body[lwt-newtab-brighttext] {
   --customize-menu-secondary-action-background-hover: #606065;
   --customize-menu-secondary-action-background-active: #6F6F74;
   --customize-menu-seperator-line-color: #53515F;
-  --customize-menu-first-shadow: rgba(21, 20, 26, 0.5);
-  --customize-menu-second-shadow: rgba(21, 20, 26, 0.75);
+  --customize-menu-first-shadow: 0 2px 6px rgba(28, 27, 34, 0.5);
+  --customize-menu-second-shadow: 0 2px 14px rgba(28, 27, 34, 0.5);
   --customize-menu-primary-action-text: #E0E0E6;
   --customize-menu-line-color: #B9B7CC;
-  --newtab-search-first-shadow: rgba(21, 20, 26, 0.5);
-  --newtab-search-second-shadow: rgba(21, 20, 26, 0.75);
+  --newtab-search-first-shadow: 0 2px 6px rgba(28, 27, 34, 0.5);
+  --newtab-search-second-shadow: 0 2px 14px rgba(28, 27, 34, 0.5);
   --newtab-search-text-color: #B1B1BD;
-  --newtab-card-first-shadow: rgba(21, 20, 26, 0.5);
-  --newtab-card-second-shadow: rgba(21, 20, 26, 0.75);
+  --newtab-card-first-shadow: 0 2px 6px rgba(28, 27, 34, 0.5);
+  --newtab-card-second-shadow: 0 2px 14px rgba(28, 27, 34, 0.5);
   --newtab-wordmark-color: #FFF;
 }
 
@@ -1219,7 +1223,7 @@ main.has-snippet {
 }
 .outer-wrapper.newtab-experience .top-site-outer .tile {
   border-radius: 8px;
-  box-shadow: 0 3px 8px var(--newtab-inner-box-shadow-color-nte), 0 0 2px var(--newtab-tile-shadow-secondary);
+  box-shadow: 0 2px 6px rgba(58, 57, 68, 0.2);
   background-color: var(--newtab-topsites-background-color);
   justify-content: center;
   margin: 0 auto;
@@ -1527,7 +1531,7 @@ main.has-snippet {
   background-size: 24px;
   padding-inline-start: 52px;
   padding-inline-end: 10px;
-  box-shadow: 0 3px 8px var(--newtab-search-first-shadow), 0 0 2px var(--newtab-search-second-shadow);
+  box-shadow: var(--newtab-search-first-shadow);
   border: 1px solid transparent;
   border-radius: 8px;
   color: var(--newtab-search-text-color);
@@ -2059,12 +2063,12 @@ main.has-snippet {
   transform: translateX(-435px);
 }
 .customize-menu.customize-animate-enter-done, .customize-menu.customize-animate-enter-active {
-  box-shadow: 0 0 64px var(--customize-menu-first-shadow), 0 0 24px var(--customize-menu-second-shadow);
+  box-shadow: var(--customize-menu-second-shadow);
   visibility: visible;
   transform: translateX(0);
 }
 .customize-menu.customize-animate-exit-active {
-  box-shadow: 0 0 64px var(--customize-menu-first-shadow), 0 0 24px var(--customize-menu-second-shadow);
+  box-shadow: var(--customize-menu-second-shadow);
 }
 .customize-menu .close-button {
   margin-inline-start: auto;
@@ -2306,7 +2310,7 @@ main.has-snippet {
   transition: none;
 }
 .outer-wrapper.newtab-experience .card-outer .card {
-  box-shadow: 0 3px 8px var(--newtab-card-first-shadow), 0 0 2px var(--newtab-card-second-shadow);
+  box-shadow: var(--newtab-card-first-shadow);
   border-radius: 8px;
 }
 .outer-wrapper.newtab-experience .card-outer .card-preview-image-outer {
@@ -3113,7 +3117,7 @@ main.has-snippet {
 
 .outer-wrapper.newtab-experience .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
   border-radius: 8px;
-  box-shadow: 0 3px 8px var(--newtab-card-first-shadow), 0 0 2px var(--newtab-card-second-shadow);
+  box-shadow: var(--newtab-card-first-shadow);
 }
 .outer-wrapper.newtab-experience .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) .img-wrapper .img img {
   border-radius: 8px 8px 0 0;
@@ -3189,7 +3193,7 @@ main.has-snippet {
 }
 [lwt-newtab-brighttext] .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) {
   box-shadow: 0 1px 4px rgba(12, 12, 13, 0.1);
-  background: #38383D;
+  background: #42414d;
 }
 .ds-card-grid.ds-card-grid-border .ds-card:not(.placeholder) .img-wrapper .img img {
   border-radius: 4px 4px 0 0;