highlight.styl 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. // https://github.com/chriskempson/tomorrow-theme
  2. highlight-background = color-default - #222
  3. highlight-current-line = #393939
  4. highlight-selection = #515151
  5. highlight-foreground = #cccccc
  6. highlight-comment = #999999
  7. highlight-red = #f2777a
  8. highlight-orange = #f99157
  9. highlight-yellow = #ffcc66
  10. highlight-green = #99cc99
  11. highlight-aqua = #66cccc
  12. highlight-blue = #6699cc
  13. highlight-purple = #cc99cc
  14. $code-block
  15. background: highlight-background
  16. margin: 0 article-padding * -1
  17. padding: 15px article-padding
  18. border-style: solid
  19. border-color: color-border
  20. border-width: 1px 0
  21. overflow: auto
  22. color: highlight-foreground
  23. line-height: font-size * line-height
  24. $line-numbers
  25. color: #666
  26. font-size: 0.85em
  27. .article-entry
  28. pre, code
  29. font-family: font-mono
  30. code
  31. background: color-background
  32. text-shadow: 0 1px #fff
  33. padding: 0 0.3em
  34. pre
  35. @extend $code-block
  36. code
  37. background: none
  38. text-shadow: none
  39. padding: 0
  40. .highlight
  41. @extend $code-block
  42. pre
  43. border: none
  44. margin: 0
  45. padding: 0
  46. table
  47. margin: 0
  48. width: auto
  49. td
  50. border: none
  51. padding: 0
  52. figcaption
  53. clearfix()
  54. font-size: 0.85em
  55. color: highlight-comment
  56. line-height: 1em
  57. margin-bottom: 1em
  58. a
  59. float: right
  60. .gutter pre
  61. @extend $line-numbers
  62. text-align: right
  63. padding-right: 20px
  64. .line
  65. height: font-size * line-height
  66. .gist
  67. margin: 0 article-padding * -1
  68. border-style: solid
  69. border-color: color-border
  70. border-width: 1px 0
  71. background: highlight-background
  72. padding: 15px article-padding 15px 0
  73. .gist-file
  74. border: none
  75. font-family: font-mono
  76. margin: 0
  77. .gist-data
  78. background: none
  79. border: none
  80. .line-numbers
  81. @extend $line-numbers
  82. background: none
  83. border: none
  84. padding: 0 20px 0 0
  85. .line-data
  86. padding: 0 !important
  87. .highlight
  88. margin: 0
  89. padding: 0
  90. border: none
  91. .gist-meta
  92. background: highlight-background
  93. color: highlight-comment
  94. font: 0.85em font-sans
  95. text-shadow: 0 0
  96. padding: 0
  97. margin-top: 1em
  98. margin-left: article-padding
  99. a
  100. color: color-link
  101. font-weight: normal
  102. &:hover
  103. text-decoration: underline
  104. pre
  105. .comment
  106. .title
  107. color: highlight-comment
  108. .variable
  109. .attribute
  110. .tag
  111. .regexp
  112. .ruby .constant
  113. .xml .tag .title
  114. .xml .pi
  115. .xml .doctype
  116. .html .doctype
  117. .css .id
  118. .css .class
  119. .css .pseudo
  120. color: highlight-red
  121. .number
  122. .preprocessor
  123. .built_in
  124. .literal
  125. .params
  126. .constant
  127. color: highlight-orange
  128. .class
  129. .ruby .class .title
  130. .css .rules .attribute
  131. color: highlight-green
  132. .string
  133. .value
  134. .inheritance
  135. .header
  136. .ruby .symbol
  137. .xml .cdata
  138. color: highlight-green
  139. .css .hexcolor
  140. color: highlight-aqua
  141. .function
  142. .python .decorator
  143. .python .title
  144. .ruby .function .title
  145. .ruby .title .keyword
  146. .perl .sub
  147. .javascript .title
  148. .coffeescript .title
  149. color: highlight-blue
  150. .keyword
  151. .javascript .function
  152. color: highlight-purple