abbott.css 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  1. /*
  2. * abbott.css
  3. * A warm, dark theme for prose and code, with pastels and pretty greens.
  4. *
  5. * Ported from abbott.vim (https://github.com/bcat/abbott.vim) version 2.1.
  6. * Original design and CodeMirror port by Jonathan Rascher.
  7. *
  8. * This theme shares the following color palette with the Vim color scheme.
  9. *
  10. * Brown shades:
  11. * bistre: #231c14
  12. * chocolate: #3c3022
  13. * cocoa: #745d42
  14. * vanilla_cream: #fef3b4
  15. *
  16. * Red shades:
  17. * crimson: #d80450
  18. * cinnabar: #f63f05
  19. *
  20. * Green shades:
  21. * dark_olive: #273900
  22. * forest_green: #24a507
  23. * chartreuse: #a0ea00
  24. * pastel_chartreuse: #d8ff84
  25. *
  26. * Yellow shades:
  27. * marigold: #fbb32f
  28. * lemon_meringue: #fbec5d
  29. *
  30. * Blue shades:
  31. * cornflower_blue: #3f91f1
  32. * periwinkle_blue: #8ccdf0
  33. *
  34. * Magenta shades:
  35. * french_pink: #ec6c99
  36. * lavender: #e6a2f3
  37. *
  38. * Cyan shades:
  39. * zomp: #39a78d
  40. * seafoam_green: #00ff7f
  41. */
  42. /* Style the UI: */
  43. /* Equivalent to Vim's Normal group. */
  44. .cm-s-abbott.CodeMirror {
  45. background: #231c14 /* bistre */;
  46. color: #d8ff84 /* pastel_chartreuse */;
  47. }
  48. /* Roughly equivalent to Vim's LineNr group. */
  49. .cm-s-abbott .CodeMirror-gutters {
  50. background: #231c14 /* bistre */;
  51. border: none;
  52. }
  53. .cm-s-abbott .CodeMirror-linenumber { color: #fbec5d /* lemon_meringue */; }
  54. .cm-s-abbott .CodeMirror-guttermarker { color: #f63f05 /* cinnabar */; }
  55. /* Roughly equivalent to Vim's FoldColumn group. */
  56. .cm-s-abbott .CodeMirror-guttermarker-subtle { color: #fbb32f /* marigold */; }
  57. /*
  58. * Roughly equivalent to Vim's CursorColumn group. (We use a brighter color
  59. * since Vim's cursorcolumn option highlights a whole column, whereas
  60. * CodeMirror's rule just highlights a thin line.)
  61. */
  62. .cm-s-abbott .CodeMirror-ruler { border-color: #745d42 /* cocoa */; }
  63. /* Equivalent to Vim's Cursor group in insert mode. */
  64. .cm-s-abbott .CodeMirror-cursor { border-color: #a0ea00 /* chartreuse */; }
  65. /* Equivalent to Vim's Cursor group in normal mode. */
  66. .cm-s-abbott.cm-fat-cursor .CodeMirror-cursor,
  67. .cm-s-abbott .cm-animate-fat-cursor {
  68. /*
  69. * CodeMirror doesn't allow changing the foreground color of the character
  70. * under the cursor, so we can't use a reverse video effect for the cursor.
  71. * Instead, make it semitransparent.
  72. */
  73. background: rgba(160, 234, 0, 0.5) /* chartreuse */;
  74. }
  75. .cm-s-abbott.cm-fat-cursor .CodeMirror-cursors {
  76. /*
  77. * Boost the z-index so the fat cursor shows up on top of text and
  78. * matchingbracket/matchingtag highlights.
  79. */
  80. z-index: 3;
  81. }
  82. /* Equivalent to Vim's Cursor group in replace mode. */
  83. .cm-s-abbott .CodeMirror-overwrite .CodeMirror-cursor {
  84. border-bottom: 1px solid #a0ea00 /* chartreuse */;
  85. border-left: none;
  86. width: auto;
  87. }
  88. /* Roughly equivalent to Vim's CursorIM group. */
  89. .cm-s-abbott .CodeMirror-secondarycursor {
  90. border-color: #00ff7f /* seafoam_green */;
  91. }
  92. /* Roughly equivalent to Vim's Visual group. */
  93. .cm-s-abbott .CodeMirror-selected,
  94. .cm-s-abbott.CodeMirror-focused .CodeMirror-selected {
  95. background: #273900 /* dark_olive */;
  96. }
  97. .cm-s-abbott .CodeMirror-line::selection,
  98. .cm-s-abbott .CodeMirror-line > span::selection,
  99. .cm-s-abbott .CodeMirror-line > span > span::selection {
  100. background: #273900 /* dark_olive */;
  101. }
  102. .cm-s-abbott .CodeMirror-line::-moz-selection,
  103. .cm-s-abbott .CodeMirror-line > span::-moz-selection,
  104. .cm-s-abbott .CodeMirror-line > span > span::-moz-selection {
  105. background: #273900 /* dark_olive */;
  106. }
  107. /* Roughly equivalent to Vim's SpecialKey group. */
  108. .cm-s-abbott .cm-tab { color: #00ff7f /* seafoam_green */; }
  109. /* Equivalent to Vim's Search group. */
  110. .cm-s-abbott .cm-searching {
  111. background: #fef3b4 /* vanilla_cream */ !important;
  112. color: #231c14 /* bistre */ !important;
  113. }
  114. /* Style syntax highlighting modes: */
  115. /* Equivalent to Vim's Comment group. */
  116. .cm-s-abbott span.cm-comment {
  117. color: #fbb32f /* marigold */;
  118. font-style: italic;
  119. }
  120. /* Equivalent to Vim's String group. */
  121. .cm-s-abbott span.cm-string,
  122. .cm-s-abbott span.cm-string-2 {
  123. color: #e6a2f3 /* lavender */;
  124. }
  125. /* Equivalent to Vim's Constant group. */
  126. .cm-s-abbott span.cm-number,
  127. .cm-s-abbott span.cm-string.cm-url { color: #f63f05 /* cinnabar */; }
  128. /* Roughly equivalent to Vim's SpecialKey group. */
  129. .cm-s-abbott span.cm-invalidchar { color: #00ff7f /* seafoam_green */; }
  130. /* Equivalent to Vim's Special group. */
  131. .cm-s-abbott span.cm-atom { color: #fef3b4 /* vanilla_cream */; }
  132. /* Equivalent to Vim's Delimiter group. */
  133. .cm-s-abbott span.cm-bracket,
  134. .cm-s-abbott span.cm-punctuation {
  135. color: #fef3b4 /* vanilla_cream */;
  136. }
  137. /* Equivalent Vim's Operator group. */
  138. .cm-s-abbott span.cm-operator { font-weight: bold; }
  139. /* Roughly equivalent to Vim's Identifier group. */
  140. .cm-s-abbott span.cm-def,
  141. .cm-s-abbott span.cm-variable,
  142. .cm-s-abbott span.cm-variable-2,
  143. .cm-s-abbott span.cm-variable-3 {
  144. color: #8ccdf0 /* periwinkle_blue */;
  145. }
  146. /* Roughly equivalent to Vim's Function group. */
  147. .cm-s-abbott span.cm-builtin,
  148. .cm-s-abbott span.cm-property,
  149. .cm-s-abbott span.cm-qualifier {
  150. color: #3f91f1 /* cornflower_blue */;
  151. }
  152. /* Equivalent to Vim's Type group. */
  153. .cm-s-abbott span.cm-type { color: #24a507 /* forest_green */; }
  154. /* Equivalent to Vim's Keyword group. */
  155. .cm-s-abbott span.cm-keyword {
  156. color: #d80450 /* crimson */;
  157. font-weight: bold;
  158. }
  159. /* Equivalent to Vim's PreProc group. */
  160. .cm-s-abbott span.cm-meta { color: #ec6c99 /* french_pink */; }
  161. /* Equivalent to Vim's htmlTagName group (linked to Statement). */
  162. .cm-s-abbott span.cm-tag {
  163. color: #d80450 /* crimson */;
  164. font-weight: bold;
  165. }
  166. /* Equivalent to Vim's htmlArg group (linked to Type). */
  167. .cm-s-abbott span.cm-attribute { color: #24a507 /* forest_green */; }
  168. /* Equivalent to Vim's htmlH1, markdownH1, etc. groups (linked to Title). */
  169. .cm-s-abbott span.cm-header {
  170. color: #d80450 /* crimson */;
  171. font-weight: bold;
  172. }
  173. /* Equivalent to Vim's markdownRule group (linked to PreProc). */
  174. .cm-s-abbott span.cm-hr { color: #ec6c99 /* french_pink */; }
  175. /* Roughly equivalent to Vim's Underlined group. */
  176. .cm-s-abbott span.cm-link { color: #e6a2f3 /* lavender */; }
  177. /* Equivalent to Vim's diffRemoved group. */
  178. .cm-s-abbott span.cm-negative {
  179. background: #d80450 /* crimson */;
  180. color: #231c14 /* bistre */;
  181. }
  182. /* Equivalent to Vim's diffAdded group. */
  183. .cm-s-abbott span.cm-positive {
  184. background: #a0ea00 /* chartreuse */;
  185. color: #231c14 /* bistre */;
  186. font-weight: bold;
  187. }
  188. /* Equivalent to Vim's Error group. */
  189. .cm-s-abbott span.cm-error {
  190. background: #d80450 /* crimson */;
  191. color: #231c14 /* bistre */;
  192. }
  193. /* Style addons: */
  194. /* Equivalent to Vim's MatchParen group. */
  195. .cm-s-abbott span.CodeMirror-matchingbracket {
  196. background: #745d42 /* cocoa */ !important;
  197. color: #231c14 /* bistre */ !important;
  198. font-weight: bold;
  199. }
  200. /*
  201. * Roughly equivalent to Vim's Error group. (Vim doesn't seem to have a direct
  202. * equivalent in its own matchparen plugin, but many syntax highlighting plugins
  203. * mark mismatched brackets as Error.)
  204. */
  205. .cm-s-abbott span.CodeMirror-nonmatchingbracket {
  206. background: #d80450 /* crimson */ !important;
  207. color: #231c14 /* bistre */ !important;
  208. }
  209. .cm-s-abbott .CodeMirror-matchingtag,
  210. .cm-s-abbott .cm-matchhighlight {
  211. outline: 1px solid #39a78d /* zomp */;
  212. }
  213. /* Equivalent to Vim's CursorLine group. */
  214. .cm-s-abbott .CodeMirror-activeline-background,
  215. .cm-s-abbott .CodeMirror-activeline-gutter {
  216. background: #3c3022 /* chocolate */;
  217. }
  218. /* Equivalent to Vim's CursorLineNr group. */
  219. .cm-s-abbott .CodeMirror-activeline-gutter .CodeMirror-linenumber {
  220. color: #d8ff84 /* pastel_chartreuse */;
  221. font-weight: bold;
  222. }
  223. /* Roughly equivalent to Vim's Folded group. */
  224. .cm-s-abbott .CodeMirror-foldmarker {
  225. color: #f63f05 /* cinnabar */;
  226. text-shadow: none;
  227. }