tango.css 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. /* Background */ .highlight-bg { background-color: #f8f8f8 }
  2. /* PreWrapper */ .highlight-chroma { background-color: #f8f8f8; }
  3. /* Other */ .highlight-chroma .highlight-x { color: #000000 }
  4. /* Error */ .highlight-chroma .highlight-err { color: #a40000 }
  5. /* LineTableTD */ .highlight-chroma .highlight-lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
  6. /* LineTable */ .highlight-chroma .highlight-lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
  7. /* LineHighlight */ .highlight-chroma .highlight-hl { background-color: #dfdfdf }
  8. /* LineNumbersTable */ .highlight-chroma .highlight-lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
  9. /* LineNumbers */ .highlight-chroma .highlight-ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
  10. /* Line */ .highlight-chroma .highlight-line { display: flex; }
  11. /* Keyword */ .highlight-chroma .highlight-k { color: #204a87; font-weight: bold }
  12. /* KeywordConstant */ .highlight-chroma .highlight-kc { color: #204a87; font-weight: bold }
  13. /* KeywordDeclaration */ .highlight-chroma .highlight-kd { color: #204a87; font-weight: bold }
  14. /* KeywordNamespace */ .highlight-chroma .highlight-kn { color: #204a87; font-weight: bold }
  15. /* KeywordPseudo */ .highlight-chroma .highlight-kp { color: #204a87; font-weight: bold }
  16. /* KeywordReserved */ .highlight-chroma .highlight-kr { color: #204a87; font-weight: bold }
  17. /* KeywordType */ .highlight-chroma .highlight-kt { color: #204a87; font-weight: bold }
  18. /* Name */ .highlight-chroma .highlight-n { color: #000000 }
  19. /* NameAttribute */ .highlight-chroma .highlight-na { color: #c4a000 }
  20. /* NameBuiltin */ .highlight-chroma .highlight-nb { color: #204a87 }
  21. /* NameBuiltinPseudo */ .highlight-chroma .highlight-bp { color: #3465a4 }
  22. /* NameClass */ .highlight-chroma .highlight-nc { color: #000000 }
  23. /* NameConstant */ .highlight-chroma .highlight-no { color: #000000 }
  24. /* NameDecorator */ .highlight-chroma .highlight-nd { color: #5c35cc; font-weight: bold }
  25. /* NameEntity */ .highlight-chroma .highlight-ni { color: #ce5c00 }
  26. /* NameException */ .highlight-chroma .highlight-ne { color: #cc0000; font-weight: bold }
  27. /* NameFunction */ .highlight-chroma .highlight-nf { color: #000000 }
  28. /* NameFunctionMagic */ .highlight-chroma .highlight-fm { color: #000000 }
  29. /* NameLabel */ .highlight-chroma .highlight-nl { color: #f57900 }
  30. /* NameNamespace */ .highlight-chroma .highlight-nn { color: #000000 }
  31. /* NameOther */ .highlight-chroma .highlight-nx { color: #000000 }
  32. /* NameProperty */ .highlight-chroma .highlight-py { color: #000000 }
  33. /* NameTag */ .highlight-chroma .highlight-nt { color: #204a87; font-weight: bold }
  34. /* NameVariable */ .highlight-chroma .highlight-nv { color: #000000 }
  35. /* NameVariableClass */ .highlight-chroma .highlight-vc { color: #000000 }
  36. /* NameVariableGlobal */ .highlight-chroma .highlight-vg { color: #000000 }
  37. /* NameVariableInstance */ .highlight-chroma .highlight-vi { color: #000000 }
  38. /* NameVariableMagic */ .highlight-chroma .highlight-vm { color: #000000 }
  39. /* Literal */ .highlight-chroma .highlight-l { color: #000000 }
  40. /* LiteralDate */ .highlight-chroma .highlight-ld { color: #000000 }
  41. /* LiteralString */ .highlight-chroma .highlight-s { color: #4e9a06 }
  42. /* LiteralStringAffix */ .highlight-chroma .highlight-sa { color: #4e9a06 }
  43. /* LiteralStringBacktick */ .highlight-chroma .highlight-sb { color: #4e9a06 }
  44. /* LiteralStringChar */ .highlight-chroma .highlight-sc { color: #4e9a06 }
  45. /* LiteralStringDelimiter */ .highlight-chroma .highlight-dl { color: #4e9a06 }
  46. /* LiteralStringDoc */ .highlight-chroma .highlight-sd { color: #8f5902; font-style: italic }
  47. /* LiteralStringDouble */ .highlight-chroma .highlight-s2 { color: #4e9a06 }
  48. /* LiteralStringEscape */ .highlight-chroma .highlight-se { color: #4e9a06 }
  49. /* LiteralStringHeredoc */ .highlight-chroma .highlight-sh { color: #4e9a06 }
  50. /* LiteralStringInterpol */ .highlight-chroma .highlight-si { color: #4e9a06 }
  51. /* LiteralStringOther */ .highlight-chroma .highlight-sx { color: #4e9a06 }
  52. /* LiteralStringRegex */ .highlight-chroma .highlight-sr { color: #4e9a06 }
  53. /* LiteralStringSingle */ .highlight-chroma .highlight-s1 { color: #4e9a06 }
  54. /* LiteralStringSymbol */ .highlight-chroma .highlight-ss { color: #4e9a06 }
  55. /* LiteralNumber */ .highlight-chroma .highlight-m { color: #0000cf; font-weight: bold }
  56. /* LiteralNumberBin */ .highlight-chroma .highlight-mb { color: #0000cf; font-weight: bold }
  57. /* LiteralNumberFloat */ .highlight-chroma .highlight-mf { color: #0000cf; font-weight: bold }
  58. /* LiteralNumberHex */ .highlight-chroma .highlight-mh { color: #0000cf; font-weight: bold }
  59. /* LiteralNumberInteger */ .highlight-chroma .highlight-mi { color: #0000cf; font-weight: bold }
  60. /* LiteralNumberIntegerLong */ .highlight-chroma .highlight-il { color: #0000cf; font-weight: bold }
  61. /* LiteralNumberOct */ .highlight-chroma .highlight-mo { color: #0000cf; font-weight: bold }
  62. /* Operator */ .highlight-chroma .highlight-o { color: #ce5c00; font-weight: bold }
  63. /* OperatorWord */ .highlight-chroma .highlight-ow { color: #204a87; font-weight: bold }
  64. /* Punctuation */ .highlight-chroma .highlight-p { color: #000000; font-weight: bold }
  65. /* Comment */ .highlight-chroma .highlight-c { color: #8f5902; font-style: italic }
  66. /* CommentHashbang */ .highlight-chroma .highlight-ch { color: #8f5902; font-style: italic }
  67. /* CommentMultiline */ .highlight-chroma .highlight-cm { color: #8f5902; font-style: italic }
  68. /* CommentSingle */ .highlight-chroma .highlight-c1 { color: #8f5902; font-style: italic }
  69. /* CommentSpecial */ .highlight-chroma .highlight-cs { color: #8f5902; font-style: italic }
  70. /* CommentPreproc */ .highlight-chroma .highlight-cp { color: #8f5902; font-style: italic }
  71. /* CommentPreprocFile */ .highlight-chroma .highlight-cpf { color: #8f5902; font-style: italic }
  72. /* Generic */ .highlight-chroma .highlight-g { color: #000000 }
  73. /* GenericDeleted */ .highlight-chroma .highlight-gd { color: #a40000 }
  74. /* GenericEmph */ .highlight-chroma .highlight-ge { color: #000000; font-style: italic }
  75. /* GenericError */ .highlight-chroma .highlight-gr { color: #ef2929 }
  76. /* GenericHeading */ .highlight-chroma .highlight-gh { color: #000080; font-weight: bold }
  77. /* GenericInserted */ .highlight-chroma .highlight-gi { color: #00a000 }
  78. /* GenericOutput */ .highlight-chroma .highlight-go { color: #000000; font-style: italic }
  79. /* GenericPrompt */ .highlight-chroma .highlight-gp { color: #8f5902 }
  80. /* GenericStrong */ .highlight-chroma .highlight-gs { color: #000000; font-weight: bold }
  81. /* GenericSubheading */ .highlight-chroma .highlight-gu { color: #800080; font-weight: bold }
  82. /* GenericTraceback */ .highlight-chroma .highlight-gt { color: #a40000; font-weight: bold }
  83. /* GenericUnderline */ .highlight-chroma .highlight-gl { color: #000000; text-decoration: underline }
  84. /* TextWhitespace */ .highlight-chroma .highlight-w { color: #f8f8f8; text-decoration: underline }
  85. /* a11y-light theme */
  86. /* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
  87. /* @author: ericwbailey */
  88. /* Comment */
  89. .hljs-comment,
  90. .hljs-quote {
  91. color: #696969;
  92. }
  93. /* Red */
  94. .hljs-variable,
  95. .hljs-template-variable,
  96. .hljs-tag,
  97. .hljs-name,
  98. .hljs-selector-id,
  99. .hljs-selector-class,
  100. .hljs-regexp,
  101. .hljs-deletion {
  102. color: #d91e18;
  103. }
  104. /* Orange */
  105. .hljs-number,
  106. .hljs-built_in,
  107. .hljs-builtin-name,
  108. .hljs-literal,
  109. .hljs-type,
  110. .hljs-params,
  111. .hljs-meta,
  112. .hljs-link {
  113. color: #aa5d00;
  114. }
  115. /* Yellow */
  116. .hljs-attribute {
  117. color: #aa5d00;
  118. }
  119. /* Green */
  120. .hljs-string,
  121. .hljs-symbol,
  122. .hljs-bullet,
  123. .hljs-addition {
  124. color: #008000;
  125. }
  126. /* Blue */
  127. .hljs-title,
  128. .hljs-section {
  129. color: #007faa;
  130. }
  131. /* Purple */
  132. .hljs-keyword,
  133. .hljs-selector-tag {
  134. color: #7928a1;
  135. }
  136. .hljs {
  137. display: block;
  138. overflow-x: auto;
  139. background: #fefefe;
  140. color: #545454;
  141. padding: 0.5em;
  142. }
  143. .hljs-emphasis {
  144. font-style: italic;
  145. }
  146. .hljs-strong {
  147. font-weight: bold;
  148. }
  149. @media screen and (-ms-high-contrast: active) {
  150. .hljs-addition,
  151. .hljs-attribute,
  152. .hljs-built_in,
  153. .hljs-builtin-name,
  154. .hljs-bullet,
  155. .hljs-comment,
  156. .hljs-link,
  157. .hljs-literal,
  158. .hljs-meta,
  159. .hljs-number,
  160. .hljs-params,
  161. .hljs-string,
  162. .hljs-symbol,
  163. .hljs-type,
  164. .hljs-quote {
  165. color: highlight;
  166. }
  167. .hljs-keyword,
  168. .hljs-selector-tag {
  169. font-weight: bold;
  170. }
  171. }