Function draftFromState

site/src/theme/themeMode.ts:165–188

(
	state: ThemeModeState,
	persistedSlots?: { light?: string; dark?: string },
)

};

export const draftFromState = (
	state: ThemeModeState,
	persistedSlots?: { light?: string; dark?: string },
): ThemeModeDraft => {
	if (state.mode === "sync") {
		// Seed the "single" slot from the dark slot since historical
		// default behavior preferred dark. If the user later switches
		// modes via the dropdown, `switchToSingle` overrides this with
		// the OS-matching slot anyway.
		return {
			mode: "sync",
			single: state.dark,
			light: state.light,
			dark: state.dark,
		};
	}
	const pair = FAMILY_PAIR[state.theme];
	return {
		mode: "single",
		single: state.theme,
		light: coerceConcrete(persistedSlots?.light, pair.light),
		dark: coerceConcrete(persistedSlots?.dark, pair.dark),
	};
};