/* SimpleMDE overwrite that allows us to customize from themes */

div.editor-toolbar {
    border-color: var(--border);
}

div.editor-toolbar > a {
    color: var(--text) !important;
}
div.editor-toolbar > a.active,
div.editor-toolbar > a:hover {
    background: var(--background-light);
    border-color: var(--background-light);
}

div.editor-toolbar > i.separator {
		border-right-color: transparent;
		border-left-color: var(--separator);
}

div.editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: none;
    color: var(--text-disabled) !important;
}
div.editor-toolbar.disabled-for-preview > i.separator {
    border-left-color: var(--text-disabled);
}

div.CodeMirror,
div.editor-preview {
    background: var(--background);
    color: var(--text);
    border-color: var(--border);
}
div.editor-preview {
    background: var(--background-preview);
}

div.CodeMirror .CodeMirror-selected,
div.CodeMirror .CodeMirror-selectedtext {
    background: var(--background-light);
}
div.CodeMirror .CodeMirror-focused .CodeMirror-selected,
div.CodeMirror .CodeMirror-focused .CodeMirror-selectedtext,
div.CodeMirror .CodeMirror-line::selection,
div.CodeMirror .CodeMirror-line > span::selection,
div.CodeMirror .CodeMirror-line > span > span::selection {
    background: var(--background-light);
}
div.CodeMirror .CodeMirror-line::-moz-selection,
div.CodeMirror .CodeMirror-line > span::-moz-selection,
div.CodeMirror .CodeMirror-line > span > span::-moz-selection {
    background: var(--background-light);
}

div.CodeMirror-cursor {
    border-color: var(--text);
}