/* Simple Markdown Editor */

.editor-toolbar {
  opacity: 1;
  background-color: #050506;
}

/* highlight button colors */
.editor-toolbar a.purple {
  color: blueviolet !important;
}
.editor-toolbar a.red {
  color: red !important;
}
.editor-toolbar a.orange {
  color: darkorange !important;
}
.editor-toolbar a.yellow {
  color: yellow !important;
}
.editor-toolbar a.green {
  color: lawngreen !important;
}
.editor-toolbar a.blue {
  color: dodgerblue !important;
}

/* highlight button space saving */
.editor-toolbar a.fa.fa-exclamation {
  width: .7rem;
}

.editor-toolbar a {
  color: #aaa !important;
}

.editor-toolbar a.active,
.editor-toolbar a:hover {
  background: #333;
  border-color: transparent;
}

.editor-toolbar.fullscreen {
  background-color: #000;
}

.editor-toolbar.disabled-for-preview a:not(.no-disable) {
  background: #666;
}

.editor-toolbar.fullscreen::after {
  background: transparent;
}

.editor-toolbar.fullscreen::before {
  background: transparent;
}

.CodeMirror-fullscreen,
.editor-preview-side,
.editor-toolbar.fullscreen {
  z-index: 1032;
}

[class^=editor-preview] * {
  color: #000 !important;
  z-index: 1031;
}

.CodeMirror {
  font-family: monospace;
  border: 1px solid #555;
  cursor: text;
}


/* Dark theme for editor */
/* Based on Sublime Text's Monokai theme */

.cm-s-monokai.CodeMirror { background: #101011; color: #f8f8f2; }
.cm-s-monokai div.CodeMirror-selected { background: #303031; }
.cm-s-monokai .CodeMirror-line::selection, .cm-s-monokai .CodeMirror-line > span::selection, .cm-s-monokai .CodeMirror-line > span > span::selection { background: rgba(73, 72, 62, .99); }
.cm-s-monokai .CodeMirror-line::-moz-selection, .cm-s-monokai .CodeMirror-line > span::-moz-selection, .cm-s-monokai .CodeMirror-line > span > span::-moz-selection { background: rgba(73, 72, 62, .99); }
.cm-s-monokai .CodeMirror-gutters { background: #272822; border-right: 0px; }
.cm-s-monokai .CodeMirror-guttermarker { color: white; }
.cm-s-monokai .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
.cm-s-monokai .CodeMirror-linenumber { color: #d0d0d0; }
.cm-s-monokai .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }

.cm-s-monokai span.cm-comment { color: #75715e; }
.cm-s-monokai span.cm-atom { color: #ae81ff; }
.cm-s-monokai span.cm-number { color: #ae81ff; }

.cm-s-monokai span.cm-comment.cm-attribute { color: #97b757; }
.cm-s-monokai span.cm-comment.cm-def { color: #bc9262; }
.cm-s-monokai span.cm-comment.cm-tag { color: #bc6283; }
.cm-s-monokai span.cm-comment.cm-type { color: #5998a6; }

.cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute { color: #a6e22e; }
.cm-s-monokai span.cm-keyword { color: #f92672; }
.cm-s-monokai span.cm-builtin { color: #66d9ef; }
.cm-s-monokai span.cm-string { color: #e6db74; }

.cm-s-monokai span.cm-variable { color: #f8f8f2; }
.cm-s-monokai span.cm-variable-2 { color: #9effff; }
.cm-s-monokai span.cm-variable-3, .cm-s-monokai span.cm-type { color: #66d9ef; }
.cm-s-monokai span.cm-def { color: #fd971f; }
.cm-s-monokai span.cm-bracket { color: #f8f8f2; }
.cm-s-monokai span.cm-tag { color: #f92672; }
.cm-s-monokai span.cm-header { color: #ae81ff; }
.cm-s-monokai span.cm-link { color: #ae81ff; }
.cm-s-monokai span.cm-error { background: #f92672; color: #f8f8f0; }

.cm-s-monokai .CodeMirror-activeline-background { background: #373831; }
.cm-s-monokai .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}