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

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

.solarized.base03        { color: or(--lx-gray-01, #002b36); }
.dark .solarized.base03  { color: or(--lx-gray-02, #002b36); }
.solarized.base02        { color: or(--lx-gray-02, #073642); }
.dark .solarized.base02  { color: or(--lx-gray-01, #073642); }
.solarized.base01        { color: or(--lx-gray-03, #586e75); }
.solarized.base00        { color: or(--lx-gray-04, #657b83); }
.solarized.base0         { color: or(--lx-gray-09, #839496); }
.solarized.base1         { color: or(--lx-gray-10, #93a1a1); }
.solarized.base2         { color: or(--lx-gray-11, #eee8d5); }
.solarized.base3         { color: or(--lx-gray-12, #fdf6e3); }
.solarized.solar-yellow  { color: or(--rx-yellow-11, #b58900); }
.solarized.solar-orange  { color: or(--rx-orange-11, #cb4b16); }
.solarized.solar-red     { color: or(--rx-red-11, #dc322f); }
.solarized.solar-magenta { color: or(--rx-pink-11, #d33682); }
.solarized.solar-violet  { color: or(--rx-purple-11, #6c71c4); }
.solarized.solar-blue    { color: or(--rx-blue-11, #268bd2); }
.solarized.solar-cyan    { color: or(--rx-sky-11, #2aa198); }
.solarized.solar-green   { color: or(--rx-grass-11, #859900); }

/* Color scheme for code-mirror */

.cm-s-solarized {
  line-height: 1.45em;
  color-profile: sRGB;
  rendering-intent: auto;
}
.cm-s-solarized.cm-s-dark {
  /* color: or(--lx-gray-09, #839496); */
  color: or(--lx-gray-11, #839496);
  background-color: or(--lx-gray-01, #002b36);
  text-shadow: #002b36 0 1px;
}

.dark .cm-s-solarized.cm-s-dark {
  background-color: or(--lx-gray-02, #002b36);
}

.cm-s-solarized.cm-s-light {
  /* background-color: or(--lx-gray-12, #fdf6e3); */
  background-color: or(--lx-gray-11, #fdf6e3);
  color: or(--lx-gray-01, #657b83);
  text-shadow: #eee8d5 0 1px;
}

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

.cm-s-solarized .cm-header { color: or(--lx-gray-03, #586e75); }
.cm-s-solarized .cm-quote { color: or(--lx-gray-10, #93a1a1); }

.cm-s-solarized .cm-keyword { color: or(--rx-orange-11, #cb4b16); }
.cm-s-solarized .cm-atom { color: or(--rx-pink-11, #d33682); }
.cm-s-solarized .cm-number { color: or(--rx-pink-11, #d33682); }
.cm-s-solarized .cm-def { color: or(--rx-sky-11, #2aa198); }

/* .cm-s-solarized .cm-variable { color: or(--lx-gray-09, #839496); } */
.cm-s-solarized .cm-variable { color: or(--lx-gray-10, #839496); }
.cm-s-solarized .cm-variable-2 { color: or(--rx-yellow-11, #b58900); }
.cm-s-solarized .cm-variable-3, .cm-s-solarized .cm-type { color: or(--rx-purple-11, #6c71c4); }

.cm-s-solarized .cm-property { color: or(--rx-sky-11, #2aa198); }
.cm-s-solarized .cm-operator { color: or(--rx-purple-11, #6c71c4); }

.cm-s-solarized .cm-comment { color: or(--lx-gray-03, #586e75); font-style:italic; }

.cm-s-solarized .cm-string { color: or(--rx-grass-11, #859900); }
.cm-s-solarized .cm-string-2 { color: or(--rx-yellow-11, #b58900); }

.cm-s-solarized .cm-meta { color: or(--rx-grass-11, #859900); }
.cm-s-solarized .cm-qualifier { color: or(--rx-yellow-11, #b58900); }
.cm-s-solarized .cm-builtin { color: or(--rx-pink-11, #d33682); }
.cm-s-solarized .cm-bracket { color: or(--rx-orange-11, #cb4b16); }
.cm-s-solarized .CodeMirror-matchingbracket { color: or(--rx-grass-11, #859900); }
.cm-s-solarized .CodeMirror-nonmatchingbracket { color: or(--rx-red-11, #dc322f); }
.cm-s-solarized .cm-tag { color: or(--lx-gray-10, #93a1a1); }
.cm-s-solarized .cm-attribute { color: or(--rx-sky-11, #2aa198); }
.cm-s-solarized .cm-hr {
  color: transparent;
  border-top: 1px solid or(--lx-gray-03, #586e75);
  display: block;
}
.cm-s-solarized .cm-link { color: or(--lx-gray-10, #93a1a1); cursor: pointer; }
.cm-s-solarized .cm-special { color: or(--rx-purple-11, #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: or(--lx-gray-03, #586e75); */
  color: or(--lx-gray-10, #586e75);
  border-bottom: 1px dotted or(--rx-red-11, #dc322f);
}

.cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: or(--lx-gray-02, #073642); }
.cm-s-solarized.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); }
.cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection, .cm-s-dark .CodeMirror-line > span::-moz-selection, .cm-s-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(7, 54, 66, 0.99); }

.cm-s-solarized.cm-s-light div.CodeMirror-selected { background: or(--lx-gray-11, #eee8d5); }
.cm-s-solarized.cm-s-light .CodeMirror-line::selection, .cm-s-light .CodeMirror-line > span::selection, .cm-s-light .CodeMirror-line > span > span::selection { background: or(--lx-gray-11, #eee8d5); }
.cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-light .CodeMirror-line > span::-moz-selection, .cm-s-light .CodeMirror-line > span > span::-moz-selection { background: or(--lx-gray-11, #eee8d5); }

/* Editor styling */


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

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

/* Dark */
.cm-s-solarized.cm-s-dark .CodeMirror-gutters {
  background-color: or(--lx-gray-01, #073642);
}

.cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
  color: or(--lx-gray-09, #586e75);
  /* color: or(--lx-gray-03, #586e75); */
  text-shadow: #021014 0 -1px;
}

/* Light */
.cm-s-solarized.cm-s-light .CodeMirror-gutters {
  background-color: or(--lx-gray-02, #eee8d5);
  /* background-color: or(--lx-gray-11, #eee8d5); */
}

.cm-s-solarized.cm-s-light .CodeMirror-linenumber {
  color: or(--lx-gray-09, #839496);
}

/* Common */
.cm-s-solarized .CodeMirror-linenumber {
  padding: 0 5px;
}
.cm-s-solarized .CodeMirror-guttermarker-subtle { color: or(--lx-gray-03, #586e75); }
.cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd; }
.cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: or(--rx-orange-11, #cb4b16); }

.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
  color: or(--lx-gray-03, #586e75);
}

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

/* Fat cursor */
.cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #77ee77; }
.cm-s-solarized.cm-s-light .cm-animate-fat-cursor { background-color: #77ee77; }
.cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: or(--lx-gray-03, #586e75); }
.cm-s-solarized.cm-s-dark .cm-animate-fat-cursor { background-color: or(--lx-gray-03, #586e75); }

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