@lobehub/editor/es/plugins/codemirror-block/react/theme.d.ts

A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.

/**
 * Lobe 主题配置
 * 基于 shiki 主题配置，使用 antd-style 的 cssVar 进行颜色映射
 */
export declare const lobeTheme: {
    '&': {
        '& .cm-cursor': {
            'border-left-color': string;
        };
        '& .cm-cursor.cm-cursor-primary': {
            'border-inline-start': string;
        };
        '& .cm-gutters': {
            'background-color': string;
            border: string;
            color: string;
            cursor: string;
        };
        '& .cm-line': {
            '& .cm-atom': {
                color: string;
            };
            '& .cm-attribute': {
                color: string;
            };
            '& .cm-builtin': {
                color: string;
                fontStyle: string;
            };
            '& .cm-comment': {
                color: string;
                fontStyle: string;
            };
            '& .cm-foldPlaceholder': {
                background: string;
                border: string;
                color: string;
                display: string;
                height: string;
                padding: number;
                'vertical-align': string;
                width: string;
            };
            '& .cm-function': {
                color: string;
            };
            '& .cm-header': {
                color: string;
            };
            '& .cm-keyword': {
                color: string;
            };
            '& .cm-meta': {
                color: string;
            };
            '& .cm-modifier': {
                color: string;
            };
            '& .cm-number': {
                color: string;
            };
            '& .cm-operator': {
                color: string;
            };
            '& .cm-property': {
                color: string;
            };
            '& .cm-punctuation': {
                color: string;
            };
            '& .cm-qualifier': {
                color: string;
            };
            '& .cm-string': {
                color: string;
            };
            '& .cm-string-2': {
                color: string;
            };
            '& .cm-tag': {
                color: string;
            };
            '& .cm-tag.cm-bracket': {
                color: string;
            };
            '& .cm-type': {
                color: string;
            };
            '& .cm-variable': {
                color: string;
            };
            '& .cm-variable-2': {
                color: string;
            };
            '& .cm-variable-3': {
                color: string;
            };
            '& .cm-variable.cm-callee': {
                color: string;
            };
            '& .cm-variable.cm-def': {
                color: string;
            };
            color: string;
            'padding-inline': string;
        };
    };
    '& .cm-selectionBackground': {
        background: string;
    };
    '& .cm-selectionMatch': {
        background: string;
    };
    '&.cm-editor': {
        background: string;
        cursor: string;
        'padding-block': string;
        width: string;
    };
    '&.cm-editor span': {
        'font-family': string;
        'font-size': string;
    };
    '&.cm-editor.cm-focused .cm-selectionBackground': {
        background: string;
    };
    '&.cm-editor.cm-focused .cm-selectionLineGutter': {
        color: string;
    };
    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground': {
        background: string;
    };
};