base.less 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  1. /*
  2. This defines styling rules for syntax classes.
  3. See the naming conventions for a list of syntax classes:
  4. https://flight-manual.atom.io/hacking-atom/sections/syntax-naming-conventions
  5. When styling rules conflict:
  6. - The last rule overrides previous rules.
  7. - The rule with most classes and pseudo-classes overrides the last rule.
  8. */
  9. // if for return
  10. .syntax--keyword {
  11. color: #96CBFE;
  12. // global let def class
  13. &.syntax--storage {
  14. color: #96CBFE;
  15. }
  16. // int char float
  17. &.syntax--type {
  18. color: #FFFFB6;
  19. }
  20. // and del not
  21. &.syntax--operator {
  22. color: #96CBFE;
  23. }
  24. // super
  25. &.syntax--function {
  26. color: #C6C5FE;
  27. }
  28. // this self
  29. &.syntax--variable {
  30. color: #C6C5FE;
  31. }
  32. // = + && | << ?
  33. &.syntax--symbolic {
  34. color: #EDEDED;
  35. }
  36. }
  37. // identifier
  38. .syntax--entity {
  39. color: #C5C8C6;
  40. // variable
  41. &.syntax--variable {
  42. color: #C5C8C6;
  43. }
  44. // self cls iota
  45. &.syntax--support {
  46. color: #C6C5FE;
  47. }
  48. // @entity.decorator
  49. &.syntax--decorator:last-child {
  50. color: #FFD2A7;
  51. }
  52. // label:
  53. &.syntax--label {
  54. text-decoration: underline;
  55. }
  56. // import package
  57. &.syntax--package {
  58. color: #FFD2A7;
  59. }
  60. // function method
  61. &.syntax--function {
  62. color: #FFD2A7;
  63. }
  64. // add
  65. &.syntax--operator {
  66. color: #FFD2A7;
  67. // %>% <=>
  68. &.syntax--symbolic {
  69. color: #EDEDED;
  70. }
  71. }
  72. // String Class int rune list
  73. &.syntax--type {
  74. color: #FFFFB6;
  75. }
  76. // div span
  77. &.syntax--tag {
  78. color: #96CBFE;
  79. }
  80. // href src alt
  81. &.syntax--attribute {
  82. color: #FF73FD;
  83. }
  84. }
  85. // () [] {} => @
  86. .syntax--punctuation {
  87. color: #C5C8C6;
  88. // . ->
  89. &.syntax--accessor.syntax--member {
  90. color: #EDEDED;
  91. }
  92. }
  93. // "string"
  94. .syntax--string {
  95. color: #A8FF60;
  96. // :immutable
  97. &.syntax--immutable {
  98. color: #A8FF60;
  99. }
  100. // ${variable} %().2f
  101. &.syntax--part {
  102. color: #00A0A0;
  103. }
  104. // /^reg[ex]?p/
  105. &.syntax--regexp {
  106. color: #A8FF60;
  107. &.syntax--group {
  108. color: #A8FF60;
  109. background-color: @syntax-background-color;
  110. }
  111. // \g \"
  112. .syntax--constant.syntax--character.syntax--escape {
  113. color: #A8FF60;
  114. // \n \W \d .
  115. &.syntax--code {
  116. color: #00A0A0;
  117. }
  118. }
  119. // ^ $ \b ? + i
  120. &.syntax--language {
  121. color: #96CBFE;
  122. }
  123. // <variable> \1
  124. &.syntax--variable {
  125. color: #C5C8C6;
  126. }
  127. // ( ) [^ ] (?= ) | r" /
  128. &.syntax--punctuation {
  129. color: #E9C062;
  130. }
  131. }
  132. }
  133. // literal true nil
  134. .syntax--constant {
  135. color: #FF73FD;
  136. // 4 1.3 Infinity
  137. &.syntax--numeric {
  138. color: #FF73FD;
  139. }
  140. // &lt; 'a'
  141. &.syntax--character {
  142. color: #A8FF60;
  143. // \" \' \g \.
  144. &.syntax--escape {
  145. color: #A8FF60;
  146. }
  147. // \u2661 \n \t \W .
  148. &.syntax--code {
  149. color: #00A0A0;
  150. }
  151. }
  152. }
  153. // text
  154. .syntax--text {
  155. color: #C5C8C6;
  156. }
  157. // __formatted__
  158. .syntax--markup {
  159. // # Heading
  160. &.syntax--heading {
  161. color: #eee;
  162. }
  163. // > quote
  164. &.syntax--quote {
  165. color: #555;
  166. }
  167. // `raw`
  168. &.syntax--raw {
  169. color: #aaa;
  170. }
  171. // url.com (path)
  172. &.syntax--link {
  173. color: #555;
  174. }
  175. // [alt] ![alt]
  176. &.syntax--alt {
  177. color: #ddd;
  178. }
  179. &.syntax--bold {
  180. font-style: bold;
  181. }
  182. &.syntax--italic {
  183. font-style: italic;
  184. }
  185. }
  186. // /* comment */
  187. .syntax--comment {
  188. color: #8A8A8A;
  189. // @param TODO NOTE
  190. &.syntax--caption {
  191. color: lighten(#8A8A8A, 6);
  192. font-weight: bold;
  193. }
  194. // variable function type
  195. &.syntax--term {
  196. color: lighten(#8A8A8A, 9);
  197. }
  198. // { } / .
  199. &.syntax--punctuation {
  200. color: #8A8A8A;
  201. font-weight: normal;
  202. }
  203. }
  204. // 0invalid
  205. .syntax--invalid:not(.syntax--punctuation) {
  206. // §illegal
  207. &.syntax--illegal {
  208. color: #FD5FF1 !important;
  209. background-color: rgba(86, 45, 86, 0.75) !important;
  210. }
  211. // obsolete()
  212. &.syntax--deprecated {
  213. color: #FD5FF1 !important;
  214. text-decoration: underline !important;
  215. }
  216. }