1Panel/frontend/src/extensions/theme.ts

type XpackThemeModule = {
    setPrimaryColor?: (color: string) => any;
};

function findModule<T>(modules: Record<string, T>, suffix: string): T | null {
    for (const path in modules) {
        if (path.endsWith(suffix)) {
            return modules[path];
        }
    }
    return null;
}

export function loadXpackStyles() {
    const xpackModules = import.meta.glob('@/xpack/styles/index.scss');
    const xpackLoader = findModule(xpackModules, '/styles/index.scss');
    xpackLoader?.();

    const xpackEEModules = import.meta.glob('@/xpack-ee/styles/index.scss');
    const xpackEELoader = findModule(xpackEEModules, '/styles/index.scss');
    xpackEELoader?.();
}

export function setXpackPrimaryColor(color: string) {
    const xpackModules = import.meta.glob('@/xpack/utils/theme/tool.ts', { eager: true }) as Record<
        string,
        XpackThemeModule
    >;
    const xpackModule = findModule(xpackModules, '/utils/theme/tool.ts');
    xpackModule?.setPrimaryColor?.(color);

    const xpackEEModules = import.meta.glob('@/xpack-ee/utils/theme/tool.ts', { eager: true }) as Record<
        string,
        XpackThemeModule
    >;
    const xpackEEModule = findModule(xpackEEModules, '/utils/theme/tool.ts');
    xpackEEModule?.setPrimaryColor?.(color);
}

export const loadExtensionStyles = loadXpackStyles;
export const setExtensionPrimaryColor = setXpackPrimaryColor;