night-owl.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. pre code.hljs {
  2. display: block;
  3. overflow-x: auto;
  4. padding: 1em
  5. }
  6. code.hljs {
  7. padding: 3px 5px
  8. }
  9. /*
  10. Night Owl for highlight.js (c) Carl Baxter <carl@cbax.tech>
  11. An adaptation of Sarah Drasner's Night Owl VS Code Theme
  12. https://github.com/sdras/night-owl-vscode-theme
  13. Copyright (c) 2018 Sarah Drasner
  14. Permission is hereby granted, free of charge, to any person obtaining a copy
  15. of this software and associated documentation files (the "Software"), to deal
  16. in the Software without restriction, including without limitation the rights
  17. to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  18. copies of the Software, and to permit persons to whom the Software is
  19. furnished to do so, subject to the following conditions:
  20. The above copyright notice and this permission notice shall be included in all
  21. copies or substantial portions of the Software.
  22. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  23. IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  24. FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  25. AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  26. LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  27. OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  28. SOFTWARE.
  29. */
  30. .hljs {
  31. background: #011627;
  32. color: #d6deeb
  33. }
  34. /* General Purpose */
  35. .hljs-keyword {
  36. color: #c792ea;
  37. font-style: italic
  38. }
  39. .hljs-built_in {
  40. color: #addb67;
  41. font-style: italic
  42. }
  43. .hljs-type {
  44. color: #82aaff
  45. }
  46. .hljs-literal {
  47. color: #ff5874
  48. }
  49. .hljs-number {
  50. color: #F78C6C
  51. }
  52. .hljs-regexp {
  53. color: #5ca7e4
  54. }
  55. .hljs-string {
  56. color: #ecc48d
  57. }
  58. .hljs-subst {
  59. color: #d3423e
  60. }
  61. .hljs-symbol {
  62. color: #82aaff
  63. }
  64. .hljs-class {
  65. color: #ffcb8b
  66. }
  67. .hljs-function {
  68. color: #82AAFF
  69. }
  70. .hljs-title {
  71. color: #DCDCAA;
  72. font-style: italic
  73. }
  74. .hljs-params {
  75. color: #7fdbca
  76. }
  77. /* Meta */
  78. .hljs-comment {
  79. color: #637777;
  80. font-style: italic
  81. }
  82. .hljs-doctag {
  83. color: #7fdbca
  84. }
  85. .hljs-meta {
  86. color: #82aaff
  87. }
  88. .hljs-meta .hljs-keyword {
  89. color: #82aaff
  90. }
  91. .hljs-meta .hljs-string {
  92. color: #ecc48d
  93. }
  94. /* Tags, attributes, config */
  95. .hljs-section {
  96. color: #82b1ff
  97. }
  98. .hljs-tag,
  99. .hljs-name {
  100. color: #7fdbca
  101. }
  102. .hljs-attr {
  103. color: #7fdbca
  104. }
  105. .hljs-attribute {
  106. color: #80cbc4
  107. }
  108. .hljs-variable {
  109. color: #addb67
  110. }
  111. /* Markup */
  112. .hljs-bullet {
  113. color: #d9f5dd
  114. }
  115. .hljs-code {
  116. color: #80CBC4
  117. }
  118. .hljs-emphasis {
  119. color: #c792ea;
  120. font-style: italic
  121. }
  122. .hljs-strong {
  123. color: #addb67;
  124. font-weight: bold
  125. }
  126. .hljs-formula {
  127. color: #c792ea
  128. }
  129. .hljs-link {
  130. color: #ff869a
  131. }
  132. .hljs-quote {
  133. color: #697098;
  134. font-style: italic
  135. }
  136. /* CSS */
  137. .hljs-selector-tag {
  138. color: #ff6363
  139. }
  140. .hljs-selector-id {
  141. color: #fad430
  142. }
  143. .hljs-selector-class {
  144. color: #addb67;
  145. font-style: italic
  146. }
  147. .hljs-selector-attr,
  148. .hljs-selector-pseudo {
  149. color: #c792ea;
  150. font-style: italic
  151. }
  152. /* Templates */
  153. .hljs-template-tag {
  154. color: #c792ea
  155. }
  156. .hljs-template-variable {
  157. color: #addb67
  158. }
  159. /* diff */
  160. .hljs-addition {
  161. color: #addb67ff;
  162. font-style: italic
  163. }
  164. .hljs-deletion {
  165. color: #EF535090;
  166. font-style: italic
  167. }