@use '@lucas-labs/lui-micro/color' as color;

@mixin make-code-mirror-styles {
    .CodeMirror,
    .CodeMirror.cm-s-default,
    .CodeMirror.cm-s-paper {
        .cm-property {
            color: color.get('text')
        }

        .cm-header {
            color: color.get('text')
        }

        .cm-quote {
            color: color.get('theme/green/base')
        }

        .cm-keyword {
            color: color.get('theme/mauve/base');
        }

        .cm-atom {
            color: color.get('theme/red/base');
        }

        .cm-number {
            color: color.get('theme/peach/base');
        }

        .cm-def {
            color: color.get('text')
        }

        .cm-variable-2 {
            color: color.get('theme/sky/base');
        }

        .cm-variable-3 {
            color: color.get('theme/teal/base');
        }

        .cm-comment {
            color: color.get('elevation/6')
        }

        .cm-string {
            color: color.get('theme/green')
        }

        .cm-string-2 {
            color: color.get('theme/green')
        }

        .cm-meta {
            color: color.get('theme/peach/base');
        }

        .cm-qualifier {
            color: color.get('theme/peach/base');
        }

        .cm-builtin {
            color: color.get('theme/peach/base');
        }

        .cm-bracket {
            color: color.get('text')
        }

        .cm-tag {
            color: color.get('theme/yellow/base');
        }

        .cm-attribute {
            color: color.get('theme/yellow/base');
        }

        .cm-hr {
            color: color.get('elevation/9');
        }

        .cm-url {
            color: color.get('theme/blue/base');
        }

        .cm-link {
            color: color.get('theme/blue/base');
        }

        .cm-error {
            color: color.get('theme/red/base');
        }
    }
}