Redirection Screen Should Match theme

[Michael13435]

Problem

Redirection screen that directs to jupyter is always white, regardless of system, browser, or jupyter theme

Proposed Solution

Jupyter's redirection screen should preferably match the browser, or the theme chosen for Jupyter if the former is not possible

[RRosio]

@Michael13435 thank you for reporting this! Could you share which version of Notebook you are using?

@JasonWeill does see a flash of white when using Notebook 7 in Dark Mode.

From @krassowski,

notebook/packages/application-extension/src/index.ts

Lines 492 to 516 in 9c70c13

	const splash: JupyterFrontEndPlugin<ISplashScreen> = {
	id: '@jupyter-notebook/application-extension:splash',
	description: 'Provides an empty splash screen.',
	autoStart: true,
	provides: ISplashScreen,
	activate: (app: JupyterFrontEnd) => {
	const { restored } = app;
	const splash = document.createElement('div');
	splash.style.position = 'absolute';
	splash.style.width = '100%';
	splash.style.height = '100%';
	splash.style.zIndex = '10';
	return {
	show: (light = true) => {
	splash.style.backgroundColor = light ? 'white' : '#111111';
	document.body.appendChild(splash);
	return new DisposableDelegate(async () => {
	await restored;
	document.body.removeChild(splash);
	});
	},
	};
	},
	};

, is the Notebook splash screen which should be covering the entire screen in a dark-gray color.

[Michael13435]

@Michael13435 thank you for reporting this! Could you share which version of Notebook you are using?

@JasonWeill does see a flash of white when using Notebook 7 in Dark Mode.

From @krassowski,

notebook/packages/application-extension/src/index.ts

Lines 492 to 516 in 9c70c13

	const splash: JupyterFrontEndPlugin<ISplashScreen> = {
	id: '@jupyter-notebook/application-extension:splash',
	description: 'Provides an empty splash screen.',
	autoStart: true,
	provides: ISplashScreen,
	activate: (app: JupyterFrontEnd) => {
	const { restored } = app;
	const splash = document.createElement('div');
	splash.style.position = 'absolute';
	splash.style.width = '100%';
	splash.style.height = '100%';
	splash.style.zIndex = '10';
	return {
	show: (light = true) => {
	splash.style.backgroundColor = light ? 'white' : '#111111';
	document.body.appendChild(splash);
	return new DisposableDelegate(async () => {
	await restored;
	document.body.removeChild(splash);
	});
	},
	};
	},
	};

, is the Notebook splash screen which should be covering the entire screen in a dark-gray color.

I saw this behaviour on jupyter version 6.5.4

[JasonWeill]

@Michael13435 Thank you for your response! Notebook 6 is now maintained as nbclassic. I would recommend opening an issue in nbclassic if you intend to keep using Notebook 6; otherwise, we will fix this in Notebook 7 in this repository.