Function apply

src/theme/list.js:81–143

(id, init)

 * @param {boolean} init Whether or not this is the first time the theme is being applied
 */
export async function apply(id, init) {
	if (!DOES_SUPPORT_THEME) {
		id = "default";
	}

	themeApplied = true;
	const theme = get(id);
	const $style = document.head.get("style#app-theme") ?? (
		<style id="app-theme"></style>
	);
	const update = {
		appTheme: id,
	};

	if (id === "custom") {
		update.customTheme = theme.toJSON();
	}

	if (init && theme.preferredEditorTheme) {
		update.editorTheme = theme.preferredEditorTheme;
		if (editorManager != null && editorManager.editor != null) {
			editorManager.editor.setTheme(theme.preferredEditorTheme);
		}
	}

	if (init && theme.preferredFont) {
		update.editorFont = theme.preferredFont;
		fonts.setFont(theme.preferredFont);
	}

	if (init && firstTime && theme.preferredTerminalTheme) {
		update.terminalSettings = {
			...(settings.value.terminalSettings || {}),
			theme: theme.preferredTerminalTheme,
		};
	}

	settings.update(update, false);

	if (init && firstTime && theme.preferredTerminalTheme) {
		if (editorManager != null) {
			updateActiveTerminals("theme", theme.preferredTerminalTheme);
		}
	}

	localStorage.__primary_color = theme.primaryColor;
	document.body.setAttribute("theme-type", theme.type);
	$style.textContent = theme.css;
	document.head.append($style);

	const primaryColor = color(theme.primaryColor).hex.toString();
	const scheme = theme.toJSON("hex");
	// Set status bar and navigation bar color
	system.setUiTheme(primaryColor, scheme);

	if (firstTime) {
		// To make sure system bars are updated
		setTimeout(() => {