solarized-5.18.2.css 5.3 KB

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