/* components/css/codemirror-vips.css */

.cm-s-vips.CodeMirror{
    background:#2b2d31;
    color:#d7d7d7;
    border-radius:10px;
    font-size:13px;
    line-height:1.5;
}

.cm-s-vips .CodeMirror-gutters{
    background:#232428;
    border-right:1px solid #3a3b40;
}

.cm-s-vips .CodeMirror-linenumber{
    color:#777;
}

.cm-s-vips .CodeMirror-cursor{
    border-left:2px solid #ffffff;
}

.cm-s-vips .CodeMirror-selected{
    background:#45475a !important;
}

.cm-s-vips .CodeMirror-activeline-background{
    background:#34363d;
}

/* HTML */
.cm-s-vips .cm-tag{
    color:#ff4d60;
}

.cm-s-vips .cm-attribute{
    color:#1ae0bf;
}

.cm-s-vips .cm-string{
    color:#bdd87b;
}

.cm-s-vips .cm-comment{
    color:#8a8f98;
    font-style:italic;
}

.cm-s-vips .cm-meta{
    color:#c792ea;
}

.cm-s-vips .cm-atom{
    color:#ff9f43;
}

.cm-s-vips .cm-number{
    color:#f78c6c;
}

.cm-s-vips .cm-keyword{
    color:#ff6b9a;
}

.cm-s-vips .cm-def{
    color:#82aaff;
}

.cm-s-vips .cm-variable{
    color:#d7d7d7;
}

.cm-s-vips .cm-property{
    color:#80cbc4;
}

.cm-s-vips .cm-operator{
    color:#d7d7d7;
}