Function loadComponentPackages

packages/base/src/theming/applyTheme.ts:40–59

(theme: string, externalThemeName?: string)

};

const loadComponentPackages = async (theme: string, externalThemeName?: string) => {
	const registeredPackages = getRegisteredPackages();

	const packagesStylesPromises = [...registeredPackages.entries()].map(async ([packageName, { cssVariablesTarget }]) => {
		if (packageName === BASE_THEME_PACKAGE) {
			return;
		}

		const cssData = await getThemeProperties(packageName, theme, externalThemeName);
		if (cssData) {
			if (cssVariablesTarget === "root") {
				createOrUpdateStyle(cssData, `data-ui5-component-properties-${getCurrentRuntimeIndex()}`, packageName);
			} else if (cssVariablesTarget === "host") {
				updateComponentStyles(packageName, cssData);
			}
		}
	});

	return Promise.all(packagesStylesPromises);
};

const detectExternalTheme = async (theme: string) => {
	// If theme designer theme is detected, use this