Function renderEditorThemes

src/pages/themeSetting/themeSetting.js:143–170

()

	}

	function renderEditorThemes() {
		const currentTheme = (
			appSettings.value.editorTheme || "one_dark"
		).toLowerCase();
		if (innerHeight * 0.3 >= 120) {
			$page.body.append($themePreview);
			createPreview(currentTheme);
		} else {
			$themePreview.remove();
		}

		const themeList = getThemes();
		let $currentItem;
		list.el.content = themeList.map((t) => {
			const isCurrent = t.id === currentTheme;
			const $item = (
				<Item
					name={t.caption}
					isCurrent={isCurrent}
					swatches={getEditorThemeSwatches(t.id)}
					onclick={() => setEditorTheme({ caption: t.caption, theme: t.id })}
				/>
			);
			if (isCurrent) $currentItem = $item;
			return $item;
		});
		$currentItem?.scrollIntoView();
	}

	function renderTerminalThemes() {
		destroyPreview("switch-tab");