Function detectExternalTheme

packages/base/src/theming/applyTheme.ts:61–83

(theme: string)

};

const detectExternalTheme = async (theme: string) => {
	// If theme designer theme is detected, use this
	const extTheme = getThemeDesignerTheme();
	if (extTheme) {
		return extTheme;
	}

	// If OpenUI5Support is enabled, try to find out if it loaded variables
	const openUI5Support = getFeature<typeof OpenUI5Support>("OpenUI5Support");
	if (openUI5Support && openUI5Support.isOpenUI5Detected()) {
		const varsLoaded = openUI5Support.cssVariablesLoaded();
		if (varsLoaded) {
			return {
				themeName: openUI5Support.getConfigurationSettingsObject()?.theme, // just themeName
				baseThemeName: "", // baseThemeName is only relevant for custom themes
			};
		}
	} else if (getThemeRoot()) {
		await attachCustomThemeStylesToHead(theme);

		return getThemeDesignerTheme();
	}
};

const applyTheme = async (theme: string) => {
	const extTheme = await detectExternalTheme(theme);