.CodeMirror {
  position: relative;
}

.CodeMirror-code {
  overflow: auto;
  height: 300px;
  padding: .4em;
  white-space: pre;
  font-family: monospace;
  line-height: 1em;
  position: relative;
}

span.CodeMirror-selected {
  background: #bbb !important;
  color: white !important;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #88f !important;
}

.CodeMirror-cursor {
  z-index: 10;
  position: absolute;
  visibility: hidden;
  border-left: 1px solid black;
}
.CodeMirror-focused .CodeMirror-cursor {
  visibility: visible;
}

.CodeMirror-gutter {
  float: left;
  background-color: #f7f7f7;
  border-right: 1px solid #eee;
  color: #aaa;
  text-align: right;
  min-width: 1.5em;
  padding: .4em .2em;
  margin: -.4em 0 -.4em -.4em;
  height: 100%;
}

.CodeMirror {
  position: relative;
}

.CodeMirror-code {
  overflow: auto;
  height: 300px;
  padding: .4em;
  white-space: pre;
  font-family: monospace;
  line-height: 1em;
  position: relative;
}

span.CodeMirror-selected {
  background: #bbb !important;
  color: HighlightText !important;
}

.CodeMirror-focused .CodeMirror-selected {
  background: Highlight !important;
}

.CodeMirror-cursor {
  z-index: 10;
  position: absolute;
  visibility: hidden;
  border-left: 1px solid black;
}
.CodeMirror-focused .CodeMirror-cursor {
  visibility: visible;
}

.CodeMirror-gutter {
  float: left;
  background-color: #f7f7f7;
  border-right: 1px solid #eee;
  color: #aaa;
  text-align: right;
  min-width: 1.5em;
  padding: .4em .2em;
  margin: -.4em 0 -.4em -.4em;
  height: 100%;
}

Use system colors for selected text.
Use system colors for selected text.
