Skip to content

Commit 15523c9

Browse files
mgurgelgithub-actions[bot]
mgurgel
authored and
github-actions[bot]
committed
Release build 8.12.0 [ci release]
1 parent 1ed51c1 commit 15523c9

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

48 files changed

+535
-60
lines changed

‎CHANGELOG.txt

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
- ntp: send background-tab on windows middle-click (#1595)
1+
- ntp: support default background colors (#1596)

‎Sources/ContentScopeScripts/dist/pages/history/dist/index.css

+6-4
Original file line numberDiff line numberDiff line change
@@ -217,8 +217,6 @@ button {
217217

218218
/* pages/history/styles/history-theme.css */
219219
:root {
220-
--default-light-bg: var(--color-gray-0);
221-
--default-dark-bg: var(--color-gray-85);
222220
--title-font-size: 20px;
223221
--title-font-weight: 600;
224222
--title-line-height: 18px;
@@ -232,6 +230,10 @@ button {
232230
--title-3-em-font-weight: 590;
233231
--title-3-em-line-height: 20px;
234232
}
233+
body {
234+
--default-light-background-color: var(--color-gray-0);
235+
--default-dark-background-color: var(--color-gray-85);
236+
}
235237
:root:has([data-platform=windows]) {
236238
--title-font-size: 24px;
237239
--title-font-weight: 600;
@@ -247,7 +249,7 @@ button {
247249
--label-line-height: normal;
248250
}
249251
[data-theme=light] {
250-
--history-background-color: var(--default-light-bg);
252+
--history-background-color: var(--default-light-background-color);
251253
--history-surface-background-color: var(--color-white-at-30);
252254
--history-surface-border-color: var(--color-black-at-9);
253255
--history-scrollbar-controls-color: var(--color-black-at-18);
@@ -256,7 +258,7 @@ button {
256258
--history-text-muted: var(--color-black-at-60);
257259
}
258260
[data-theme=dark] {
259-
--history-background-color: var(--default-dark-bg);
261+
--history-background-color: var(--default-dark-background-color);
260262
--history-surface-background-color: var(--color-black-at-18);
261263
--history-surface-border-color: var(--color-white-at-12);
262264
--history-scrollbar-controls-color: var(--color-white-at-18);

‎Sources/ContentScopeScripts/dist/pages/history/dist/index.js

+9
Original file line numberDiff line numberDiff line change
@@ -4906,6 +4906,7 @@
49064906
const didCatchInit = (message) => {
49074907
messaging2.reportInitException({ message });
49084908
};
4909+
applyDefaultStyles(init2.defaultStyles);
49094910
const strings = await getStrings(environment);
49104911
const service = new HistoryService(messaging2);
49114912
const query = paramsToQuery(environment.urlParams, "initial");
@@ -4941,6 +4942,14 @@
49414942
);
49424943
}
49434944
}
4945+
function applyDefaultStyles(defaultStyles) {
4946+
if (defaultStyles?.lightBackgroundColor) {
4947+
document.body.style.setProperty("--default-light-background-color", defaultStyles.lightBackgroundColor);
4948+
}
4949+
if (defaultStyles?.darkBackgroundColor) {
4950+
document.body.style.setProperty("--default-dark-background-color", defaultStyles.darkBackgroundColor);
4951+
}
4952+
}
49444953
async function fetchInitial(query, service, didCatch) {
49454954
try {
49464955
return await service.getInitial(query);

‎Sources/ContentScopeScripts/dist/pages/new-tab/dist/index.css

+5-5
Original file line numberDiff line numberDiff line change
@@ -217,8 +217,6 @@ button {
217217

218218
/* pages/new-tab/app/styles/ntp-theme.css */
219219
:root {
220-
--default-light-bg: var(--color-gray-0);
221-
--default-dark-bg: var(--color-gray-85);
222220
--ntp-gap: 2rem;
223221
--ntp-drawer-width: calc(224 * var(--px-in-rem));
224222
--ntp-drawer-scroll-width: 12px;
@@ -245,8 +243,11 @@ button {
245243
--focus-ring: 0px 0px 0px 1px var(--color-white), 0px 0px 0px 3px var(--ntp-focus-outline-color);
246244
--focus-ring-thin: 0px 0px 0px 1px var(--ntp-focus-outline-color), 0px 0px 0px 1px var(--color-white);
247245
}
246+
body {
247+
--default-light-background-color: var(--color-gray-0);
248+
--default-dark-background-color: var(--color-gray-85);
249+
}
248250
[data-theme=light] {
249-
--ntp-background-color: var(--default-light-bg);
250251
--ntp-surface-background-color: var(--color-white-at-30);
251252
--ntp-surfaces-panel-background-color: white;
252253
--ntp-surface-border-color: var(--color-black-at-9);
@@ -260,7 +261,6 @@ button {
260261
--focus-ring-primary: 0px 0px 0px 1px var(--color-white), 0px 0px 0px 3px var(--ntp-color-primary);
261262
}
262263
[data-theme=dark] {
263-
--ntp-background-color: var(--default-dark-bg);
264264
--ntp-surface-background-color: var(--color-black-at-18);
265265
--ntp-surfaces-panel-background-color: #222222;
266266
--ntp-surface-border-color: var(--color-white-at-12);
@@ -271,7 +271,7 @@ button {
271271
--ntp-focus-outline-color: white;
272272
--focus-ring: 0px 0px 0px 1px var(--ntp-focus-outline-color), 0px 0px 0px 3px var(--color-white);
273273
--focus-ring-thin: 0px 0px 0px 1px var(--color-white), 0px 0px 0px 1px var(--ntp-focus-outline-color);
274-
--focus-ring-primary: 0px 0px 0px 1px var(--default-dark-bg), 0px 0px 0px 3px var(--ntp-color-primary);
274+
--focus-ring-primary: 0px 0px 0px 1px var(--default-dark-background-color), 0px 0px 0px 3px var(--ntp-color-primary);
275275
}
276276
:root:has(body[data-platform-name=windows]) {
277277
--body-font-size: 14px;

‎Sources/ContentScopeScripts/dist/pages/new-tab/dist/index.js

+12-3
Original file line numberDiff line numberDiff line change
@@ -1949,10 +1949,10 @@
19491949
}
19501950
if (background2.kind === "userImage") {
19511951
const isDark = background2.value.colorScheme === "dark";
1952-
nextBodyBackground = isDark ? "var(--default-dark-bg)" : "var(--default-light-bg)";
1952+
nextBodyBackground = isDark ? "var(--default-dark-background-color)" : "var(--default-light-background-color)";
19531953
}
19541954
if (background2.kind === "default") {
1955-
nextBodyBackground = browser.value === "dark" ? "var(--default-dark-bg)" : "var(--default-light-bg)";
1955+
nextBodyBackground = browser.value === "dark" ? "var(--default-dark-background-color)" : "var(--default-light-background-color)";
19561956
}
19571957
document.body.style.setProperty("background-color", nextBodyBackground);
19581958
if (!document.body.dataset.animateBackground) {
@@ -24341,7 +24341,7 @@
2434124341
};
2434224342
}, [rows.length]);
2434324343
y2(() => {
24344-
if (!contentTubeRef.current) return console.warn("cannot find content tube");
24344+
if (!contentTubeRef.current) return;
2434524345
let lastHeight;
2434624346
let debounceTimer;
2434724347
const resizer = new ResizeObserver((entries4) => {
@@ -29877,6 +29877,7 @@
2987729877
messaging2.reportPageException({ message });
2987829878
};
2987929879
installGlobalSideEffects(environment, settings);
29880+
applyDefaultStyles(init2.defaultStyles);
2988029881
if (environment.display === "components") {
2988129882
return renderComponents(root2, environment, settings, strings);
2988229883
}
@@ -29931,6 +29932,14 @@
2993129932
document.body.dataset.display = environment.display;
2993229933
document.body.dataset.animation = environment.urlParams.get("animation") || "";
2993329934
}
29935+
function applyDefaultStyles(defaultStyles) {
29936+
if (defaultStyles?.lightBackgroundColor) {
29937+
document.body.style.setProperty("--default-light-background-color", defaultStyles.lightBackgroundColor);
29938+
}
29939+
if (defaultStyles?.darkBackgroundColor) {
29940+
document.body.style.setProperty("--default-dark-background-color", defaultStyles.darkBackgroundColor);
29941+
}
29942+
}
2993429943
async function resolveEntryPoints(widgets, didCatch) {
2993529944
try {
2993629945
const loaders = widgets.map((widget) => {

‎Sources/ContentScopeScripts/dist/pages/new-tab/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,16 @@
22
<html lang="en">
33
<head>
44
<title>New Tab Page</title>
5+
<style>
6+
body {
7+
background-color: #fafafa;
8+
}
9+
@media (prefers-color-scheme: dark) {
10+
body {
11+
background-color: #333;
12+
}
13+
}
14+
</style>
515
<meta name="robots" content="noindex,nofollow">
616
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
717
<script src="./dist/inline.js"></script>

‎build/integration/pages/history/dist/index.css

+6-4
Original file line numberDiff line numberDiff line change
@@ -217,8 +217,6 @@ button {
217217

218218
/* pages/history/styles/history-theme.css */
219219
:root {
220-
--default-light-bg: var(--color-gray-0);
221-
--default-dark-bg: var(--color-gray-85);
222220
--title-font-size: 20px;
223221
--title-font-weight: 600;
224222
--title-line-height: 18px;
@@ -232,6 +230,10 @@ button {
232230
--title-3-em-font-weight: 590;
233231
--title-3-em-line-height: 20px;
234232
}
233+
body {
234+
--default-light-background-color: var(--color-gray-0);
235+
--default-dark-background-color: var(--color-gray-85);
236+
}
235237
:root:has([data-platform=windows]) {
236238
--title-font-size: 24px;
237239
--title-font-weight: 600;
@@ -247,7 +249,7 @@ button {
247249
--label-line-height: normal;
248250
}
249251
[data-theme=light] {
250-
--history-background-color: var(--default-light-bg);
252+
--history-background-color: var(--default-light-background-color);
251253
--history-surface-background-color: var(--color-white-at-30);
252254
--history-surface-border-color: var(--color-black-at-9);
253255
--history-scrollbar-controls-color: var(--color-black-at-18);
@@ -256,7 +258,7 @@ button {
256258
--history-text-muted: var(--color-black-at-60);
257259
}
258260
[data-theme=dark] {
259-
--history-background-color: var(--default-dark-bg);
261+
--history-background-color: var(--default-dark-background-color);
260262
--history-surface-background-color: var(--color-black-at-18);
261263
--history-surface-border-color: var(--color-white-at-12);
262264
--history-scrollbar-controls-color: var(--color-white-at-18);

‎build/integration/pages/history/dist/index.js

+20-1
Original file line numberDiff line numberDiff line change
@@ -4906,6 +4906,7 @@
49064906
const didCatchInit = (message) => {
49074907
messaging2.reportInitException({ message });
49084908
};
4909+
applyDefaultStyles(init2.defaultStyles);
49094910
const strings = await getStrings(environment);
49104911
const service = new HistoryService(messaging2);
49114912
const query = paramsToQuery(environment.urlParams, "initial");
@@ -4941,6 +4942,14 @@
49414942
);
49424943
}
49434944
}
4945+
function applyDefaultStyles(defaultStyles) {
4946+
if (defaultStyles?.lightBackgroundColor) {
4947+
document.body.style.setProperty("--default-light-background-color", defaultStyles.lightBackgroundColor);
4948+
}
4949+
if (defaultStyles?.darkBackgroundColor) {
4950+
document.body.style.setProperty("--default-dark-background-color", defaultStyles.darkBackgroundColor);
4951+
}
4952+
}
49444953
async function fetchInitial(query, service, didCatch) {
49454954
try {
49464955
return await service.getInitial(query);
@@ -5197,7 +5206,8 @@
51975206
const initial = {
51985207
platform: { name: "integration" },
51995208
env: "development",
5200-
locale: "en"
5209+
locale: "en",
5210+
defaultStyles: getDefaultStyles()
52015211
};
52025212
return Promise.resolve(initial);
52035213
}
@@ -5231,6 +5241,15 @@
52315241
}
52325242
});
52335243
}
5244+
function getDefaultStyles() {
5245+
if (url.searchParams.get("defaultStyles") === "visual-refresh") {
5246+
return {
5247+
lightBackgroundColor: "#E9EBEC",
5248+
darkBackgroundColor: "#27282A"
5249+
};
5250+
}
5251+
return null;
5252+
}
52345253
async function withLatency(value) {
52355254
let queryLatency = 50;
52365255
const fromParam = url.searchParams.get("query.latency");

‎build/integration/pages/new-tab/dist/index.css

+5-5
Original file line numberDiff line numberDiff line change
@@ -217,8 +217,6 @@ button {
217217

218218
/* pages/new-tab/app/styles/ntp-theme.css */
219219
:root {
220-
--default-light-bg: var(--color-gray-0);
221-
--default-dark-bg: var(--color-gray-85);
222220
--ntp-gap: 2rem;
223221
--ntp-drawer-width: calc(224 * var(--px-in-rem));
224222
--ntp-drawer-scroll-width: 12px;
@@ -245,8 +243,11 @@ button {
245243
--focus-ring: 0px 0px 0px 1px var(--color-white), 0px 0px 0px 3px var(--ntp-focus-outline-color);
246244
--focus-ring-thin: 0px 0px 0px 1px var(--ntp-focus-outline-color), 0px 0px 0px 1px var(--color-white);
247245
}
246+
body {
247+
--default-light-background-color: var(--color-gray-0);
248+
--default-dark-background-color: var(--color-gray-85);
249+
}
248250
[data-theme=light] {
249-
--ntp-background-color: var(--default-light-bg);
250251
--ntp-surface-background-color: var(--color-white-at-30);
251252
--ntp-surfaces-panel-background-color: white;
252253
--ntp-surface-border-color: var(--color-black-at-9);
@@ -260,7 +261,6 @@ button {
260261
--focus-ring-primary: 0px 0px 0px 1px var(--color-white), 0px 0px 0px 3px var(--ntp-color-primary);
261262
}
262263
[data-theme=dark] {
263-
--ntp-background-color: var(--default-dark-bg);
264264
--ntp-surface-background-color: var(--color-black-at-18);
265265
--ntp-surfaces-panel-background-color: #222222;
266266
--ntp-surface-border-color: var(--color-white-at-12);
@@ -271,7 +271,7 @@ button {
271271
--ntp-focus-outline-color: white;
272272
--focus-ring: 0px 0px 0px 1px var(--ntp-focus-outline-color), 0px 0px 0px 3px var(--color-white);
273273
--focus-ring-thin: 0px 0px 0px 1px var(--color-white), 0px 0px 0px 1px var(--ntp-focus-outline-color);
274-
--focus-ring-primary: 0px 0px 0px 1px var(--default-dark-bg), 0px 0px 0px 3px var(--ntp-color-primary);
274+
--focus-ring-primary: 0px 0px 0px 1px var(--default-dark-background-color), 0px 0px 0px 3px var(--ntp-color-primary);
275275
}
276276
:root:has(body[data-platform-name=windows]) {
277277
--body-font-size: 14px;

‎build/integration/pages/new-tab/dist/index.js

+23-4
Original file line numberDiff line numberDiff line change
@@ -1949,10 +1949,10 @@
19491949
}
19501950
if (background2.kind === "userImage") {
19511951
const isDark = background2.value.colorScheme === "dark";
1952-
nextBodyBackground = isDark ? "var(--default-dark-bg)" : "var(--default-light-bg)";
1952+
nextBodyBackground = isDark ? "var(--default-dark-background-color)" : "var(--default-light-background-color)";
19531953
}
19541954
if (background2.kind === "default") {
1955-
nextBodyBackground = browser.value === "dark" ? "var(--default-dark-bg)" : "var(--default-light-bg)";
1955+
nextBodyBackground = browser.value === "dark" ? "var(--default-dark-background-color)" : "var(--default-light-background-color)";
19561956
}
19571957
document.body.style.setProperty("background-color", nextBodyBackground);
19581958
if (!document.body.dataset.animateBackground) {
@@ -24351,7 +24351,7 @@
2435124351
};
2435224352
}, [rows.length]);
2435324353
y2(() => {
24354-
if (!contentTubeRef.current) return console.warn("cannot find content tube");
24354+
if (!contentTubeRef.current) return;
2435524355
let lastHeight;
2435624356
let debounceTimer;
2435724357
const resizer = new ResizeObserver((entries4) => {
@@ -30542,6 +30542,7 @@
3054230542
messaging2.reportPageException({ message });
3054330543
};
3054430544
installGlobalSideEffects(environment, settings);
30545+
applyDefaultStyles(init2.defaultStyles);
3054530546
if (environment.display === "components") {
3054630547
return renderComponents(root2, environment, settings, strings);
3054730548
}
@@ -30596,6 +30597,14 @@
3059630597
document.body.dataset.display = environment.display;
3059730598
document.body.dataset.animation = environment.urlParams.get("animation") || "";
3059830599
}
30600+
function applyDefaultStyles(defaultStyles) {
30601+
if (defaultStyles?.lightBackgroundColor) {
30602+
document.body.style.setProperty("--default-light-background-color", defaultStyles.lightBackgroundColor);
30603+
}
30604+
if (defaultStyles?.darkBackgroundColor) {
30605+
document.body.style.setProperty("--default-dark-background-color", defaultStyles.darkBackgroundColor);
30606+
}
30607+
}
3059930608
async function resolveEntryPoints(widgets, didCatch) {
3060030609
try {
3060130610
const loaders = widgets.map((widget) => {
@@ -31415,7 +31424,8 @@
3141531424
platform: { name: "integration" },
3141631425
env: "development",
3141731426
locale: "en",
31418-
updateNotification
31427+
updateNotification,
31428+
defaultStyles: getDefaultStyles()
3141931429
};
3142031430
const feed = url4.searchParams.get("feed") || "stats";
3142131431
if (feed === "stats" || feed === "both") {
@@ -31444,6 +31454,15 @@
3144431454
}
3144531455
});
3144631456
}
31457+
function getDefaultStyles() {
31458+
if (url4.searchParams.get("defaultStyles") === "visual-refresh") {
31459+
return {
31460+
lightBackgroundColor: "#E9EBEC",
31461+
darkBackgroundColor: "#27282A"
31462+
};
31463+
}
31464+
return null;
31465+
}
3144731466
function reorderArray(array, id, toIndex) {
3144831467
const fromIndex = array.findIndex((item) => item.id === id);
3144931468
const element = array.splice(fromIndex, 1)[0];

‎build/integration/pages/new-tab/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,16 @@
22
<html lang="en">
33
<head>
44
<title>New Tab Page</title>
5+
<style>
6+
body {
7+
background-color: #fafafa;
8+
}
9+
@media (prefers-color-scheme: dark) {
10+
body {
11+
background-color: #333;
12+
}
13+
}
14+
</style>
515
<meta name="robots" content="noindex,nofollow">
616
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
717
<script src="./dist/inline.js"></script>

0 commit comments

Comments
 (0)