@use '@angular/material' as mat;
@mixin codemirror-mat($theme) {
    
    $foreground-palette: map-get($theme, foreground);
    $text-color: mat.get-color-from-palette($foreground-palette, text);

    .CodeMirror{
        color: $text-color;
    }


    .CodeMirror-cursor {
        border-left: 1px solid $text-color;
    }

    
    .cm-codeblock{
        font-style: italic;
        padding:10px initial;
        color: mat.get-color-from-palette($primary) !important;
    }

    
    .cm-link {
        color: mat.get-color-from-palette($accent) !important;
        text-decoration: underline;
    }

    .cm-required-term{
        color: map-get($theme, search-term-required) !important;
    }
    .cm-disallowed-term{
        color: map-get($theme, search-term-disallowed) !important;
    }

    .CodeMirror-placeholder{
        opacity: 0.6;
    }
}