Function updateSystemTheme

src/theme/preInstalled.js:247–284

(darkTheme)

 * @param {boolean} darkTheme Whether the user prefers a dark theme.
 */
export function updateSystemTheme(darkTheme) {
	if (darkTheme) {
		system.type = "dark";
		system.primaryColor = "rgb(35, 39, 42)";
		system.primaryTextColor = "rgb(245, 245, 245)";
		system.darkenedPrimaryColor = "rgb(24, 27, 30)";
		system.secondaryColor = "rgb(45, 49, 52)";
		system.secondaryTextColor = "rgb(228, 228, 228)";
		system.activeColor = "rgb(66, 133, 244)";
		system.linkTextColor = "rgb(138, 180, 248)";
		system.borderColor = "rgba(188, 188, 188, 0.15)";
		system.popupIconColor = "rgb(245, 245, 245)";

		system.popupBackgroundColor = "rgb(35, 39, 42)";
		system.popupTextColor = "rgb(245, 245, 245)";
		system.popupActiveColor = "rgb(66, 133, 244)";
	} else {
		system.type = "light";
		system.primaryColor = "rgb(255, 255, 255)";
		system.primaryTextColor = "rgb(15, 23, 42)";
		system.secondaryColor = "rgb(248, 250, 252)";
		system.secondaryTextColor = "rgb(51, 65, 85)";
		system.activeColor = "rgb(59, 130, 246)";
		system.linkTextColor = "rgb(37, 99, 235)";
		system.borderColor = "rgb(226, 232, 240)";
		system.popupIconColor = "rgb(15, 23, 42)";

		system.popupBackgroundColor = "rgb(255, 255, 255)";
		system.popupTextColor = "rgb(15, 23, 42)";
		system.popupActiveColor = "rgb(59, 130, 246)";
	}

	system.preferredEditorTheme = getSystemEditorTheme(darkTheme);

	if (appSettings?.value?.appTheme === "system") {
		apply(system.id);
	}
}

const glass = createBuiltInTheme("Glass");
glass.darkenedPrimaryColor = "rgb(250, 250, 255)";