Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

solarized.css 5.6KB

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