/****************************************************************/
/*   Based on mbonaci's Brackets mbo theme                      */
/****************************************************************/

.cm-s-mbo.CodeMirror {
  background: var(--c-gray-74);
  color: var(--c-editor-text-primary);
}

.cm-s-mbo div.CodeMirror-selected {
  background: var(--c-editor-selection-bg);
}

.cm-s-mbo .CodeMirror-line::selection,
.cm-s-mbo .CodeMirror-line > span::selection,
.cm-s-mbo .CodeMirror-line > span > span::selection {
  background: rgba(var(--c-editor-selection-rgb), .99);
}

.cm-s-mbo .CodeMirror-line::-moz-selection,
.cm-s-mbo .CodeMirror-line > span::-moz-selection,
.cm-s-mbo .CodeMirror-line > span > span::-moz-selection {
  background: rgba(var(--c-editor-selection-rgb), .99);
}

.cm-s-mbo .CodeMirror-gutters {
  background: var(--c-gray-74);
  border-right: 0px;
}

.cm-s-mbo .CodeMirror-guttermarker {
  color: var(--c-white);
}

.cm-s-mbo .CodeMirror-guttermarker-subtle {
  color: var(--c-editor-gutter-subtle);
}

.cm-s-mbo .CodeMirror-linenumber {
  color: var(--c-gray-ddd);
}

.cm-s-mbo .CodeMirror-cursor {
  border-left: 1px solid var(--c-editor-text-primary);
}

.cm-s-mbo span.cm-comment {
  color: var(--c-editor-comment);
}

.cm-s-mbo span.cm-atom {
  color: var(--c-editor-cyan);
}

.cm-s-mbo span.cm-number {
  color: var(--c-editor-cyan);
}

.cm-s-mbo span.cm-property,
.cm-s-mbo span.cm-attribute {
  color: var(--c-editor-prop);
}

.cm-s-mbo span.cm-keyword {
  color: var(--c-amber);
}

.cm-s-mbo span.cm-string {
  color: var(--c-editor-string);
}

  .cm-s-mbo span.cm-string.cm-property {
    color: var(--c-editor-text-primary);
  }

.cm-s-mbo span.cm-variable {
  color: var(--c-editor-text-primary);
}

.cm-s-mbo span.cm-variable-2 {
  color: var(--c-editor-cyan);
}

.cm-s-mbo span.cm-def {
  color: var(--c-editor-text-primary);
}

.cm-s-mbo span.cm-bracket {
  color: var(--c-editor-bracket);
  font-weight: bold;
}

.cm-s-mbo span.cm-tag {
  color: var(--c-editor-prop);
}

.cm-s-mbo span.cm-link {
  color: var(--c-editor-link);
}

.cm-s-mbo span.cm-error {
  border-bottom: 1px solid var(--c-editor-error-underline);
  color: var(--c-editor-text-primary);
}

.cm-s-mbo span.cm-qualifier {
  color: var(--c-editor-text-primary);
}

.cm-s-mbo .CodeMirror-activeline-background {
  background: var(--c-editor-activeline-bg);
}

.cm-s-mbo .CodeMirror-matchingbracket {
  color: var(--c-amber) !important;
}

.cm-s-mbo .CodeMirror-matchingtag {
  background: var(--c-editor-matchtag-bg);
}

/*  SPECIAL COLORS ADDED BY JONATHAN */
.CodeMirror-matchingtag {
  background: var(--c-editor-matchtag-bg-alt) !important;
  color: var(--c-editor-matchtag-text) !important;
}

div.CodeMirror span.CodeMirror-matchingbracket {
  color: var(--c-editor-matchbracket) !important;
  background-color: var(--c-editor-matchbracket-bg);
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: var(--c-editor-nonmatchbracket);
}

/* highlight selected text */
.CodeMirror-focused .cm-matchhighlight {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==);
  background-position: bottom;
  background-repeat: repeat-x;
}

.cm-matchhighlight {
  background-color: var(--c-editor-matchhighlight-bg);
  color: var(--c-editor-prop) !important;
}

.CodeMirror-selection-highlight-scrollbar {
  background-color: var(--c-amber);
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: var(--c-editor-hint-text);
  cursor: pointer;
}

.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 2px;
  /* option A: single token */
  -webkit-box-shadow: var(--c-editor-hints-shadow);
  -moz-box-shadow: var(--c-editor-hints-shadow);
  box-shadow: var(--c-editor-hints-shadow);
  /* option B (if you want to keep offsets local and only theme the color) */
  /* box-shadow: 2px 3px 5px var(--c-editor-hints-shadow-color); */

  border-radius: 3px;
  border: 1px solid var(--c-editor-hint-border);
  background: var(--c-editor-hints-bg);
  font-size: 90%;
  font-family: monospace;
  max-height: 20em;
  overflow-y: auto;
}


.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: var(--c-amber);
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: var(--c-editor-hint-active-bg);
  color: var(--c-editor-matchtag-text);
}

/*  SPECIAL COLORS ADDED BY JONATHAN */
.CodeMirror div.CodeMirror-cursor {
  border-left: 2px solid var(--c-editor-matchtag-text);
}