js/ckeditor/plugins/codemirror/theme/solarized.css

   1 /*\r
   2 Solarized theme for code-mirror\r
   3 http://ethanschoonover.com/solarized\r
   4 */\r
   5 \r
   6 /*\r
   7 Solarized color palette\r
   8 http://ethanschoonover.com/solarized/img/solarized-palette.png\r
   9 */\r
  10 \r
  11 .solarized.base03 { color: #002b36; }\r
  12 .solarized.base02 { color: #073642; }\r
  13 .solarized.base01 { color: #586e75; }\r
  14 .solarized.base00 { color: #657b83; }\r
  15 .solarized.base0 { color: #839496; }\r
  16 .solarized.base1 { color: #93a1a1; }\r
  17 .solarized.base2 { color: #eee8d5; }\r
  18 .solarized.base3  { color: #fdf6e3; }\r
  19 .solarized.solar-yellow  { color: #b58900; }\r
  20 .solarized.solar-orange  { color: #cb4b16; }\r
  21 .solarized.solar-red { color: #dc322f; }\r
  22 .solarized.solar-magenta { color: #d33682; }\r
  23 .solarized.solar-violet  { color: #6c71c4; }\r
  24 .solarized.solar-blue { color: #268bd2; }\r
  25 .solarized.solar-cyan { color: #2aa198; }\r
  26 .solarized.solar-green { color: #859900; }\r
  27 \r
  28 /* Color scheme for code-mirror */\r
  29 \r
  30 .cm-s-solarized {\r
  31   line-height: 1.45em;\r
  32   color-profile: sRGB;\r
  33   rendering-intent: auto;\r
  34 }\r
  35 .cm-s-solarized.cm-s-dark {\r
  36   color: #839496;\r
  37   background-color: #002b36;\r
  38   text-shadow: #002b36 0 1px;\r
  39 }\r
  40 .cm-s-solarized.cm-s-light {\r
  41   background-color: #fdf6e3;\r
  42   color: #657b83;\r
  43   text-shadow: #eee8d5 0 1px;\r
  44 }\r
  45 \r
  46 .cm-s-solarized .CodeMirror-widget {\r
  47   text-shadow: none;\r
  48 }\r
  49 \r
  50 .cm-s-solarized .cm-header { color: #586e75; }\r
  51 .cm-s-solarized .cm-quote { color: #93a1a1; }\r
  52 \r
  53 .cm-s-solarized .cm-keyword { color: #cb4b16; }\r
  54 .cm-s-solarized .cm-atom { color: #d33682; }\r
  55 .cm-s-solarized .cm-number { color: #d33682; }\r
  56 .cm-s-solarized .cm-def { color: #2aa198; }\r
  57 \r
  58 .cm-s-solarized .cm-variable { color: #839496; }\r
  59 .cm-s-solarized .cm-variable-2 { color: #b58900; }\r
  60 .cm-s-solarized .cm-variable-3, .cm-s-solarized .cm-type { color: #6c71c4; }\r
  61 \r
  62 .cm-s-solarized .cm-property { color: #2aa198; }\r
  63 .cm-s-solarized .cm-operator { color: #6c71c4; }\r
  64 \r
  65 .cm-s-solarized .cm-comment { color: #586e75; font-style:italic; }\r
  66 \r
  67 .cm-s-solarized .cm-string { color: #859900; }\r
  68 .cm-s-solarized .cm-string-2 { color: #b58900; }\r
  69 \r
  70 .cm-s-solarized .cm-meta { color: #859900; }\r
  71 .cm-s-solarized .cm-qualifier { color: #b58900; }\r
  72 .cm-s-solarized .cm-builtin { color: #d33682; }\r
  73 .cm-s-solarized .cm-bracket { color: #cb4b16; }\r
  74 .cm-s-solarized .CodeMirror-matchingbracket { color: #859900; }\r
  75 .cm-s-solarized .CodeMirror-nonmatchingbracket { color: #dc322f; }\r
  76 .cm-s-solarized .cm-tag { color: #93a1a1; }\r
  77 .cm-s-solarized .cm-attribute { color: #2aa198; }\r
  78 .cm-s-solarized .cm-hr {\r
  79   color: transparent;\r
  80   border-top: 1px solid #586e75;\r
  81   display: block;\r
  82 }\r
  83 .cm-s-solarized .cm-link { color: #93a1a1; cursor: pointer; }\r
  84 .cm-s-solarized .cm-special { color: #6c71c4; }\r
  85 .cm-s-solarized .cm-em {\r
  86   color: #999;\r
  87   text-decoration: underline;\r
  88   text-decoration-style: dotted;\r
  89 }\r
  90 .cm-s-solarized .cm-strong { color: #eee; }\r
  91 .cm-s-solarized .cm-error,\r
  92 .cm-s-solarized .cm-invalidchar {\r
  93   color: #586e75;\r
  94   border-bottom: 1px dotted #dc322f;\r
  95 }\r
  96 \r
  97 .cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: #073642; }\r
  98 .cm-s-solarized.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); }\r
  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); }\r
 100 \r
 101 .cm-s-solarized.cm-s-light div.CodeMirror-selected { background: #eee8d5; }\r
 102 .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: #eee8d5; }\r
 103 .cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-ligh .CodeMirror-line > span::-moz-selection, .cm-s-ligh .CodeMirror-line > span > span::-moz-selection { background: #eee8d5; }\r
 104 \r
 105 /* Editor styling */\r
 106 \r
 107 \r
 108 \r
 109 /* Little shadow on the view-port of the buffer view */\r
 110 .cm-s-solarized.CodeMirror {\r
 111   -moz-box-shadow: inset 7px 0 12px -6px #000;\r
 112   -webkit-box-shadow: inset 7px 0 12px -6px #000;\r
 113   box-shadow: inset 7px 0 12px -6px #000;\r
 114 }\r
 115 \r
 116 /* Remove gutter border */\r
 117 .cm-s-solarized .CodeMirror-gutters {\r
 118   border-right: 0;\r
 119 }\r
 120 \r
 121 /* Gutter colors and line number styling based of color scheme (dark / light) */\r
 122 \r
 123 /* Dark */\r
 124 .cm-s-solarized.cm-s-dark .CodeMirror-gutters {\r
 125   background-color: #073642;\r
 126 }\r
 127 \r
 128 .cm-s-solarized.cm-s-dark .CodeMirror-linenumber {\r
 129   color: #586e75;\r
 130   text-shadow: #021014 0 -1px;\r
 131 }\r
 132 \r
 133 /* Light */\r
 134 .cm-s-solarized.cm-s-light .CodeMirror-gutters {\r
 135   background-color: #eee8d5;\r
 136 }\r
 137 \r
 138 .cm-s-solarized.cm-s-light .CodeMirror-linenumber {\r
 139   color: #839496;\r
 140 }\r
 141 \r
 142 /* Common */\r
 143 .cm-s-solarized .CodeMirror-linenumber {\r
 144   padding: 0 5px;\r
 145 }\r
 146 .cm-s-solarized .CodeMirror-guttermarker-subtle { color: #586e75; }\r
 147 .cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd; }\r
 148 .cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: #cb4b16; }\r
 149 \r
 150 .cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {\r
 151   color: #586e75;\r
 152 }\r
 153 \r
 154 /* Cursor */\r
 155 .cm-s-solarized .CodeMirror-cursor { border-left: 1px solid #819090; }\r
 156 \r
 157 /* Fat cursor */\r
 158 .cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #77ee77; }\r
 159 .cm-s-solarized.cm-s-light .cm-animate-fat-cursor { background-color: #77ee77; }\r
 160 .cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: #586e75; }\r
 161 .cm-s-solarized.cm-s-dark .cm-animate-fat-cursor { background-color: #586e75; }\r
 162 \r
 163 /* Active line */\r
 164 .cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {\r
 165   background: rgba(255, 255, 255, 0.06);\r
 166 }\r
 167 .cm-s-solarized.cm-s-light .CodeMirror-activeline-background {\r
 168   background: rgba(0, 0, 0, 0.06);\r
 169 }\r