.CodeMirror,
.EasyMDEContainer,
.editor-preview-side,
.CodeMirror-gutters {
    background-color: #2d2a4a;

    color: #c5c6e0;

}


.editor-toolbar {
    background: #3a3760;

}


.editor-toolbar button {
    color: #c5c6e0;

}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #2d2a4a !important;
    color: #ffffff !important;

}


.editor-toolbar button.active,
.editor-toolbar button:hover {
    background: #564f8a;

    color: #ffffff;
}


.editor-preview {
    background-color: #2d2a4a;
    color: #c5c6e0;
}

.CodeMirror-cursor {
    border-left: 1px solid #ffffff;

}


.editor-preview-side h1,
.editor-preview-side h2,
.editor-preview-side h3,
.editor-preview-side h4,
.editor-preview-side h5,
.editor-preview-side h6,
.editor-preview-side p {
    color: #c5c6e0;
}


.EasyMDEContainer.fullscreen,
.EasyMDEContainer.fullscreen .CodeMirror,
.EasyMDEContainer.fullscreen .editor-toolbar,
.EasyMDEContainer.fullscreen .editor-preview-side {
    background-color: #3a3760 !important;

    color: #c5c6e0 !important;
}

.EasyMDEContainer.fullscreen .editor-toolbar a,
.EasyMDEContainer.fullscreen .editor-toolbar button {
    color: #c5c6e0 !important;
}

.EasyMDEContainer.fullscreen .editor-toolbar a.active,
.EasyMDEContainer.fullscreen .editor-toolbar button.active,
.EasyMDEContainer.fullscreen .editor-toolbar a:hover,
.EasyMDEContainer.fullscreen .editor-toolbar button:hover {
    background: #564f8a !important;

    color: #ffffff !important;
}


.CodeMirror-scroll,
.EasyMDEContainer .CodeMirror-fullscreen {
    background: #3a3760 !important;

}

.editor-toolbar.fullscreen {
    background: #3a3760 !important;
}

.editor-toolbar button:hover {
    background: #564f8a !important;

}

.editor-toolbar button.active {
    background: #564f8a !important;

}

.CodeMirror-selectedtext {
    background: #564f8a !important;

}

.CodeMirror-cursor {
    border-left: 1px solid #ffffff !important;

}