nord.scss 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  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. * Copyright (c) 2017-present Arctic Ice Studio <development@arcticicestudio.com>
  11. * Copyright (c) 2017-present Sven Greb <development@svengreb.de>
  12. *
  13. * Project: Nord highlight.js
  14. * Version: 0.1.0
  15. * Repository: https://github.com/arcticicestudio/nord-highlightjs
  16. * License: MIT
  17. * References:
  18. * https://github.com/arcticicestudio/nord
  19. */
  20. /*
  21. Polar Night
  22. #2E3440
  23. #3B4252
  24. #434C5E
  25. #4C566A
  26. Snow Storm
  27. #D8DEE9
  28. #E5E9F0
  29. #ECEFF4
  30. Frost
  31. #8FBCBB
  32. #88C0D0
  33. #81A1C1
  34. #5E81AC
  35. Aurora
  36. #BF616A
  37. #D08770
  38. #EBCB8B
  39. #A3BE8C
  40. #B48EAD
  41. */
  42. .hljs {
  43. background: #2E3440
  44. }
  45. .hljs,
  46. .hljs-subst {
  47. color: #D8DEE9
  48. }
  49. .hljs-selector-tag {
  50. color: #81A1C1
  51. }
  52. .hljs-selector-id {
  53. color: #8FBCBB;
  54. font-weight: bold
  55. }
  56. .hljs-selector-class {
  57. color: #8FBCBB
  58. }
  59. .hljs-selector-attr {
  60. color: #8FBCBB
  61. }
  62. .hljs-property {
  63. color: #88C0D0
  64. }
  65. .hljs-selector-pseudo {
  66. color: #88C0D0
  67. }
  68. .hljs-addition {
  69. background-color: rgba(163, 190, 140, 0.5)
  70. }
  71. .hljs-deletion {
  72. background-color: rgba(191, 97, 106, 0.5)
  73. }
  74. .hljs-built_in,
  75. .hljs-type {
  76. color: #8FBCBB
  77. }
  78. .hljs-class {
  79. color: #8FBCBB
  80. }
  81. .hljs-function {
  82. color: #88C0D0
  83. }
  84. .hljs-title.hljs-function,
  85. .hljs-function > .hljs-title {
  86. color: #88C0D0
  87. }
  88. .hljs-keyword,
  89. .hljs-literal,
  90. .hljs-symbol {
  91. color: #81A1C1
  92. }
  93. .hljs-number {
  94. color: #B48EAD
  95. }
  96. .hljs-regexp {
  97. color: #EBCB8B
  98. }
  99. .hljs-string {
  100. color: #A3BE8C
  101. }
  102. .hljs-title {
  103. color: #8FBCBB
  104. }
  105. .hljs-params {
  106. color: #D8DEE9
  107. }
  108. .hljs-bullet {
  109. color: #81A1C1
  110. }
  111. .hljs-code {
  112. color: #8FBCBB
  113. }
  114. .hljs-emphasis {
  115. font-style: italic
  116. }
  117. .hljs-formula {
  118. color: #8FBCBB
  119. }
  120. .hljs-strong {
  121. font-weight: bold
  122. }
  123. .hljs-link:hover {
  124. text-decoration: underline
  125. }
  126. .hljs-quote {
  127. color: #4C566A
  128. }
  129. .hljs-comment {
  130. color: #4C566A
  131. }
  132. .hljs-doctag {
  133. color: #8FBCBB
  134. }
  135. .hljs-meta,
  136. .hljs-meta .hljs-keyword {
  137. color: #5E81AC
  138. }
  139. .hljs-meta .hljs-string {
  140. color: #A3BE8C
  141. }
  142. .hljs-attr {
  143. color: #8FBCBB
  144. }
  145. .hljs-attribute {
  146. color: #D8DEE9
  147. }
  148. .hljs-name {
  149. color: #81A1C1
  150. }
  151. .hljs-section {
  152. color: #88C0D0
  153. }
  154. .hljs-tag {
  155. color: #81A1C1
  156. }
  157. .hljs-variable {
  158. color: #D8DEE9
  159. }
  160. .hljs-template-variable {
  161. color: #D8DEE9
  162. }
  163. .hljs-template-tag {
  164. color: #5E81AC
  165. }
  166. /* per language customizations */
  167. .language-abnf .hljs-attribute {
  168. color: #88C0D0
  169. }
  170. .language-abnf .hljs-symbol {
  171. color: #EBCB8B
  172. }
  173. .language-apache .hljs-attribute {
  174. color: #88C0D0
  175. }
  176. .language-apache .hljs-section {
  177. color: #81A1C1
  178. }
  179. .language-arduino .hljs-built_in {
  180. color: #88C0D0
  181. }
  182. .language-aspectj .hljs-meta {
  183. color: #D08770
  184. }
  185. .language-aspectj > .hljs-title {
  186. color: #88C0D0
  187. }
  188. .language-bnf .hljs-attribute {
  189. color: #8FBCBB
  190. }
  191. .language-clojure .hljs-name {
  192. color: #88C0D0
  193. }
  194. .language-clojure .hljs-symbol {
  195. color: #EBCB8B
  196. }
  197. .language-coq .hljs-built_in {
  198. color: #88C0D0
  199. }
  200. .language-cpp .hljs-meta .hljs-string {
  201. color: #8FBCBB
  202. }
  203. .language-css .hljs-built_in {
  204. color: #88C0D0
  205. }
  206. .language-css .hljs-keyword {
  207. color: #D08770
  208. }
  209. .language-diff .hljs-meta {
  210. color: #8FBCBB
  211. }
  212. .language-ebnf .hljs-attribute {
  213. color: #8FBCBB
  214. }
  215. .language-glsl .hljs-built_in {
  216. color: #88C0D0
  217. }
  218. .language-groovy .hljs-meta:not(:first-child) {
  219. color: #D08770
  220. }
  221. .language-haxe .hljs-meta {
  222. color: #D08770
  223. }
  224. .language-java .hljs-meta {
  225. color: #D08770
  226. }
  227. .language-ldif .hljs-attribute {
  228. color: #8FBCBB
  229. }
  230. .language-lisp .hljs-name {
  231. color: #88C0D0
  232. }
  233. .language-lua .hljs-built_in {
  234. color: #88C0D0
  235. }
  236. .language-moonscript .hljs-built_in {
  237. color: #88C0D0
  238. }
  239. .language-nginx .hljs-attribute {
  240. color: #88C0D0
  241. }
  242. .language-nginx .hljs-section {
  243. color: #5E81AC
  244. }
  245. .language-pf .hljs-built_in {
  246. color: #88C0D0
  247. }
  248. .language-processing .hljs-built_in {
  249. color: #88C0D0
  250. }
  251. .language-scss .hljs-keyword {
  252. color: #81A1C1
  253. }
  254. .language-stylus .hljs-keyword {
  255. color: #81A1C1
  256. }
  257. .language-swift .hljs-meta {
  258. color: #D08770
  259. }
  260. .language-vim .hljs-built_in {
  261. color: #88C0D0;
  262. font-style: italic
  263. }
  264. .language-yaml .hljs-meta {
  265. color: #D08770
  266. }