Function renderTerminalThemes

src/pages/themeSetting/themeSetting.js:172–204

()

	}

	function renderTerminalThemes() {
		destroyPreview("switch-tab");
		$themePreview.innerHTML = "";
		const currentTheme = appSettings.value.terminalSettings?.theme || "dark";

		if (innerHeight * 0.3 >= 120) {
			if (!$themePreview.parentElement) {
				$page.body.append($themePreview);
			}
			createTerminalPreview(currentTheme);
		} else {
			$themePreview.remove();
		}

		const themeNames = TerminalThemeManager.getThemeNames();
		let $currentItem;
		list.el.content = themeNames.map((name) => {
			const isCurrent = name === currentTheme;
			const themeObj = TerminalThemeManager.getTheme(name);
			const label = name.charAt(0).toUpperCase() + name.slice(1);
			const $item = (
				<Item
					name={label}
					isCurrent={isCurrent}
					swatches={[themeObj.background, themeObj.foreground, themeObj.cursor]}
					onclick={() => setTerminalTheme(name)}
				/>
			);
			if (isCurrent) $currentItem = $item;
			return $item;
		});
		$currentItem?.scrollIntoView();
	}

	function setTerminalTheme(name) {
		if (appSettings.value.appTheme?.toLowerCase() === "system") {