remix-nlux/packages/shared/src/utils/dom/getRootClassNames.ts

Remix IDE NLUX integration. Remix IDE is the leading IDE for building and deploying smart contracts on Ethereum. NLUX is a JavaScript and React library for building conversational AI experiences.

const rootClassName = 'nlux-AiChat-root';
const defaultThemeId = 'nova';

export const getSystemColorScheme = () => {
    if (typeof globalThis !== undefined && globalThis.matchMedia && globalThis.matchMedia(
        '(prefers-color-scheme: dark)')?.matches) {
        return 'dark';
    }

    return 'light';
};

export const getRootClassNames = (props: {
    themeId?: string;
    className?: string;
}): string[] => {
    const result = [rootClassName];
    const themeId = props.themeId || defaultThemeId;
    const themeClassName = `nlux-theme-${themeId}`;

    result.push(themeClassName);

    if (props.className) {
        result.push(props.className);
    }

    return result;
};