Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-16 23:05:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1719352 - Some newtab css changes to generated css files. r=amy,emcminn

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D119228
This commit is contained in:
Scott 2021-07-06 21:10:43 +00:00
parent 11becc3b48
commit dc7a8dec32
3 changed files with 75 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
browser/components/newtab/css/activity-stream-linux.css
View File

@ -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;

46
browser/components/newtab/css/activity-stream-mac.css
View File

@ -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;

46
browser/components/newtab/css/activity-stream-windows.css
View File

@ -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;