/*
Solarized theme for code-mirror
http://ethanschoonover.com/solarized
*/

/*
Solarized color palette
http://ethanschoonover.com/solarized/img/solarized-palette.png
*/

.solarized.base03 {
  color: #002b36;
}
.solarized.base02 {
  color: #073642;
}
.solarized.base01 {
  color: #586e75;
}
.solarized.base00 {
  color: #657b83;
}
.solarized.base0 {
  color: #839496;
}
.solarized.base1 {
  color: #93a1a1;
}
.solarized.base2 {
  color: #eee8d5;
}
.solarized.base3 {
  color: #fdf6e3;
}
.solarized.solar-yellow {
  color: #b58900;
}
.solarized.solar-orange {
  color: #cb4b16;
}
.solarized.solar-red {
  color: #dc322f;
}
.solarized.solar-magenta {
  color: #d33682;
}
.solarized.solar-violet {
  color: #6c71c4;
}
.solarized.solar-blue {
  color: #268bd2;
}
.solarized.solar-cyan {
  color: #2aa198;
}
.solarized.solar-green {
  color: #859900;
}

/* Color scheme for code-mirror */

.cm-s-solarized {
  line-height: 1.45em;
  color-profile: sRGB;
  rendering-intent: auto;
}
.cm-s-solarized.CodeMirror {
  background-color: #fdf6e3;
  color: #657b83;
}

.cm-s-solarized .CodeMirror-widget {
  text-shadow: none;
}

.cm-s-solarized .cm-header {
  color: #586e75;
}
.cm-s-solarized .cm-quote {
  color: #93a1a1;
}

.cm-s-solarized .cm-keyword {
  color: #cb4b16;
}
.cm-s-solarized .cm-atom {
  color: #d33682;
}
.cm-s-solarized .cm-number {
  color: #d33682;
}
.cm-s-solarized .cm-def {
  color: #2aa198;
}

.cm-s-solarized .cm-variable {
  color: #839496;
}
.cm-s-solarized .cm-variable-2 {
  color: #b58900;
}
.cm-s-solarized .cm-variable-3,
.cm-s-solarized .cm-type {
  color: #6c71c4;
}

.cm-s-solarized .cm-property {
  color: #2aa198;
}
.cm-s-solarized .cm-operator {
  color: #6c71c4;
}

.cm-s-solarized .cm-comment {
  color: #586e75;
  font-style: italic;
}

.cm-s-solarized .cm-string {
  color: #859900;
}
.cm-s-solarized .cm-string-2 {
  color: #b58900;
}

.cm-s-solarized .cm-meta {
  color: #859900;
}
.cm-s-solarized .cm-qualifier {
  color: #b58900;
}
.cm-s-solarized .cm-builtin {
  color: #d33682;
}
.cm-s-solarized .cm-bracket {
  color: #cb4b16;
}
.cm-s-solarized .CodeMirror-matchingbracket {
  color: #859900;
}
.cm-s-solarized .CodeMirror-nonmatchingbracket {
  color: #dc322f;
}
.cm-s-solarized .cm-tag {
  color: #93a1a1;
}
.cm-s-solarized .cm-attribute {
  color: #2aa198;
}
.cm-s-solarized .cm-hr {
  color: transparent;
  border-top: 1px solid #586e75;
  display: block;
}
.cm-s-solarized .cm-link {
  color: #93a1a1;
  cursor: pointer;
}
.cm-s-solarized .cm-special {
  color: #6c71c4;
}
.cm-s-solarized .cm-em {
  color: #999;
  text-decoration: underline;
  text-decoration-style: dotted;
}
.cm-s-solarized .cm-error,
.cm-s-solarized .cm-invalidchar {
  color: #586e75;
  border-bottom: 1px dotted #dc322f;
}

.cm-s-solarized div.CodeMirror-selected {
  background: #eee8d5;
}
.cm-s-solarized .CodeMirror-line::selection,
.cm-s-solarized .CodeMirror-line > span::selection,
.cm-s-solarized .CodeMirror-line > span > span::selection {
  background: #eee8d5;
}
.cm-s-solarized .CodeMirror-line::-moz-selection,
.cm-s-solarized .CodeMirror-line > span::-moz-selection,
.cm-s-solarized .CodeMirror-line > span > span::-moz-selection {
  background: #eee8d5;
}

/* Editor styling */

/* Little shadow on the view-port of the buffer view */
.cm-s-solarized.CodeMirror {
  -moz-box-shadow: inset 7px 0 12px -6px #000;
  -webkit-box-shadow: inset 7px 0 12px -6px #000;
  box-shadow: inset 7px 0 12px -6px #000;
}

/* Remove gutter border */
.cm-s-solarized .CodeMirror-gutters {
  border-right: 0;
}

/* Gutter colors and line number styling based of color scheme (dark / light) */

/* Light */
.cm-s-solarized .CodeMirror-gutters {
  background-color: #eee8d5;
}

.cm-s-solarized .CodeMirror-linenumber {
  color: #839496;
}

/* Common */
.cm-s-solarized .CodeMirror-linenumber {
  padding: 0 5px;
}
.cm-s-solarized .CodeMirror-guttermarker-subtle {
  color: #586e75;
}
.cm-s-solarized .CodeMirror-guttermarker {
  color: #cb4b16;
}

.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
  color: #586e75;
}

/* Cursor */
.cm-s-solarized .CodeMirror-cursor {
  border-left: 1px solid #819090;
}

/* Fat cursor */
.cm-s-solarized.cm-fat-cursor .CodeMirror-cursor {
  background: #77ee77;
}
.cm-s-solarized .cm-animate-fat-cursor {
  background-color: #77ee77;
}

/* Active line */
.cm-s-solarized .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.06);
}

.cm-s-solarized span {
  &.cm-tpl-block,
  &.cm-tpl-var {
    color: #3a539b;
  }
  &.cm-tpl-inner {
    color: #333;
  }
}
