native.css 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. /* Background */ .highlight-bg { color: #d0d0d0; background-color: #202020 }
  2. /* PreWrapper */ .highlight-chroma { color: #d0d0d0; background-color: #202020; }
  3. /* Error */ .highlight-chroma .highlight-err { color: #a61717; background-color: #e3d2d2 }
  4. /* LineTableTD */ .highlight-chroma .highlight-lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
  5. /* LineTable */ .highlight-chroma .highlight-lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
  6. /* LineHighlight */ .highlight-chroma .highlight-hl { background-color: #363636 }
  7. /* LineNumbersTable */ .highlight-chroma .highlight-lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #686868 }
  8. /* LineNumbers */ .highlight-chroma .highlight-ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #686868 }
  9. /* Line */ .highlight-chroma .highlight-line { display: flex; }
  10. /* Keyword */ .highlight-chroma .highlight-k { color: #6ab825; font-weight: bold }
  11. /* KeywordConstant */ .highlight-chroma .highlight-kc { color: #6ab825; font-weight: bold }
  12. /* KeywordDeclaration */ .highlight-chroma .highlight-kd { color: #6ab825; font-weight: bold }
  13. /* KeywordNamespace */ .highlight-chroma .highlight-kn { color: #6ab825; font-weight: bold }
  14. /* KeywordPseudo */ .highlight-chroma .highlight-kp { color: #6ab825 }
  15. /* KeywordReserved */ .highlight-chroma .highlight-kr { color: #6ab825; font-weight: bold }
  16. /* KeywordType */ .highlight-chroma .highlight-kt { color: #6ab825; font-weight: bold }
  17. /* NameAttribute */ .highlight-chroma .highlight-na { color: #bbbbbb }
  18. /* NameBuiltin */ .highlight-chroma .highlight-nb { color: #24909d }
  19. /* NameClass */ .highlight-chroma .highlight-nc { color: #447fcf; text-decoration: underline }
  20. /* NameConstant */ .highlight-chroma .highlight-no { color: #40ffff }
  21. /* NameDecorator */ .highlight-chroma .highlight-nd { color: #ffa500 }
  22. /* NameException */ .highlight-chroma .highlight-ne { color: #bbbbbb }
  23. /* NameFunction */ .highlight-chroma .highlight-nf { color: #447fcf }
  24. /* NameNamespace */ .highlight-chroma .highlight-nn { color: #447fcf; text-decoration: underline }
  25. /* NameTag */ .highlight-chroma .highlight-nt { color: #6ab825; font-weight: bold }
  26. /* NameVariable */ .highlight-chroma .highlight-nv { color: #40ffff }
  27. /* LiteralString */ .highlight-chroma .highlight-s { color: #ed9d13 }
  28. /* LiteralStringAffix */ .highlight-chroma .highlight-sa { color: #ed9d13 }
  29. /* LiteralStringBacktick */ .highlight-chroma .highlight-sb { color: #ed9d13 }
  30. /* LiteralStringChar */ .highlight-chroma .highlight-sc { color: #ed9d13 }
  31. /* LiteralStringDelimiter */ .highlight-chroma .highlight-dl { color: #ed9d13 }
  32. /* LiteralStringDoc */ .highlight-chroma .highlight-sd { color: #ed9d13 }
  33. /* LiteralStringDouble */ .highlight-chroma .highlight-s2 { color: #ed9d13 }
  34. /* LiteralStringEscape */ .highlight-chroma .highlight-se { color: #ed9d13 }
  35. /* LiteralStringHeredoc */ .highlight-chroma .highlight-sh { color: #ed9d13 }
  36. /* LiteralStringInterpol */ .highlight-chroma .highlight-si { color: #ed9d13 }
  37. /* LiteralStringOther */ .highlight-chroma .highlight-sx { color: #ffa500 }
  38. /* LiteralStringRegex */ .highlight-chroma .highlight-sr { color: #ed9d13 }
  39. /* LiteralStringSingle */ .highlight-chroma .highlight-s1 { color: #ed9d13 }
  40. /* LiteralStringSymbol */ .highlight-chroma .highlight-ss { color: #ed9d13 }
  41. /* LiteralNumber */ .highlight-chroma .highlight-m { color: #3677a9 }
  42. /* LiteralNumberBin */ .highlight-chroma .highlight-mb { color: #3677a9 }
  43. /* LiteralNumberFloat */ .highlight-chroma .highlight-mf { color: #3677a9 }
  44. /* LiteralNumberHex */ .highlight-chroma .highlight-mh { color: #3677a9 }
  45. /* LiteralNumberInteger */ .highlight-chroma .highlight-mi { color: #3677a9 }
  46. /* LiteralNumberIntegerLong */ .highlight-chroma .highlight-il { color: #3677a9 }
  47. /* LiteralNumberOct */ .highlight-chroma .highlight-mo { color: #3677a9 }
  48. /* OperatorWord */ .highlight-chroma .highlight-ow { color: #6ab825; font-weight: bold }
  49. /* Comment */ .highlight-chroma .highlight-c { color: #999999; font-style: italic }
  50. /* CommentHashbang */ .highlight-chroma .highlight-ch { color: #999999; font-style: italic }
  51. /* CommentMultiline */ .highlight-chroma .highlight-cm { color: #999999; font-style: italic }
  52. /* CommentSingle */ .highlight-chroma .highlight-c1 { color: #999999; font-style: italic }
  53. /* CommentSpecial */ .highlight-chroma .highlight-cs { color: #e50808; background-color: #520000; font-weight: bold }
  54. /* CommentPreproc */ .highlight-chroma .highlight-cp { color: #cd2828; font-weight: bold }
  55. /* CommentPreprocFile */ .highlight-chroma .highlight-cpf { color: #cd2828; font-weight: bold }
  56. /* GenericDeleted */ .highlight-chroma .highlight-gd { color: #d22323 }
  57. /* GenericEmph */ .highlight-chroma .highlight-ge { font-style: italic }
  58. /* GenericError */ .highlight-chroma .highlight-gr { color: #d22323 }
  59. /* GenericHeading */ .highlight-chroma .highlight-gh { color: #ffffff; font-weight: bold }
  60. /* GenericInserted */ .highlight-chroma .highlight-gi { color: #589819 }
  61. /* GenericOutput */ .highlight-chroma .highlight-go { color: #cccccc }
  62. /* GenericPrompt */ .highlight-chroma .highlight-gp { color: #aaaaaa }
  63. /* GenericStrong */ .highlight-chroma .highlight-gs { font-weight: bold }
  64. /* GenericSubheading */ .highlight-chroma .highlight-gu { color: #ffffff; text-decoration: underline }
  65. /* GenericTraceback */ .highlight-chroma .highlight-gt { color: #d22323 }
  66. /* GenericUnderline */ .highlight-chroma .highlight-gl { text-decoration: underline }
  67. /* TextWhitespace */ .highlight-chroma .highlight-w { color: #666666 }
  68. /*
  69. Atom One Dark by Daniel Gamage
  70. Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
  71. base: #282c34
  72. mono-1: #abb2bf
  73. mono-2: #818896
  74. mono-3: #5c6370
  75. hue-1: #56b6c2
  76. hue-2: #61aeee
  77. hue-3: #c678dd
  78. hue-4: #98c379
  79. hue-5: #e06c75
  80. hue-5-2: #be5046
  81. hue-6: #d19a66
  82. hue-6-2: #e6c07b
  83. */
  84. .hljs {
  85. display: block;
  86. overflow-x: auto;
  87. padding: 0.5em;
  88. color: #abb2bf;
  89. background: #282c34;
  90. }
  91. .hljs-comment,
  92. .hljs-quote {
  93. color: #5c6370;
  94. font-style: italic;
  95. }
  96. .hljs-doctag,
  97. .hljs-keyword,
  98. .hljs-formula {
  99. color: #c678dd;
  100. }
  101. .hljs-section,
  102. .hljs-name,
  103. .hljs-selector-tag,
  104. .hljs-deletion,
  105. .hljs-subst {
  106. color: #e06c75;
  107. }
  108. .hljs-literal {
  109. color: #56b6c2;
  110. }
  111. .hljs-string,
  112. .hljs-regexp,
  113. .hljs-addition,
  114. .hljs-attribute,
  115. .hljs-meta-string {
  116. color: #98c379;
  117. }
  118. .hljs-built_in,
  119. .hljs-class .hljs-title {
  120. color: #e6c07b;
  121. }
  122. .hljs-attr,
  123. .hljs-variable,
  124. .hljs-template-variable,
  125. .hljs-type,
  126. .hljs-selector-class,
  127. .hljs-selector-attr,
  128. .hljs-selector-pseudo,
  129. .hljs-number {
  130. color: #d19a66;
  131. }
  132. .hljs-symbol,
  133. .hljs-bullet,
  134. .hljs-link,
  135. .hljs-meta,
  136. .hljs-selector-id,
  137. .hljs-title {
  138. color: #61aeee;
  139. }
  140. .hljs-emphasis {
  141. font-style: italic;
  142. }
  143. .hljs-strong {
  144. font-weight: bold;
  145. }
  146. .hljs-link {
  147. text-decoration: underline;
  148. }