panda-syntax-dark.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  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. * Panda Syntax Theme for Highlight.js
  11. * Based on: https://github.com/tinkertrain/panda-syntax-vscode
  12. * Author: Annmarie Switzer <https://github.com/annmarie-switzer>
  13. */
  14. .hljs {
  15. color: #e6e6e6;
  16. background: #2a2c2d
  17. }
  18. .hljs-emphasis {
  19. font-style: italic
  20. }
  21. .hljs-strong {
  22. font-weight: bold
  23. }
  24. .hljs-link {
  25. text-decoration: underline
  26. }
  27. .hljs-comment,
  28. .hljs-quote {
  29. color: #bbbbbb;
  30. font-style: italic
  31. }
  32. .hljs-params {
  33. color: #bbbbbb
  34. }
  35. .hljs-punctuation,
  36. .hljs-attr {
  37. color: #e6e6e6
  38. }
  39. .hljs-selector-tag,
  40. .hljs-name,
  41. .hljs-meta {
  42. color: #ff4b82
  43. }
  44. .hljs-operator,
  45. .hljs-char.escape_ {
  46. color: #b084eb
  47. }
  48. .hljs-keyword,
  49. .hljs-deletion {
  50. color: #ff75b5
  51. }
  52. .hljs-regexp,
  53. .hljs-selector-pseudo,
  54. .hljs-selector-attr,
  55. .hljs-variable.language_ {
  56. color: #ff9ac1
  57. }
  58. .hljs-subst,
  59. .hljs-property,
  60. .hljs-code,
  61. .hljs-formula,
  62. .hljs-section,
  63. .hljs-title.function_ {
  64. color: #45a9f9
  65. }
  66. .hljs-string,
  67. .hljs-symbol,
  68. .hljs-bullet,
  69. .hljs-addition,
  70. .hljs-selector-class,
  71. .hljs-title.class_,
  72. .hljs-title.class_.inherited__,
  73. .hljs-meta .hljs-string {
  74. color: #19f9d8
  75. }
  76. .hljs-variable,
  77. .hljs-template-variable,
  78. .hljs-number,
  79. .hljs-literal,
  80. .hljs-type,
  81. .hljs-link,
  82. .hljs-built_in,
  83. .hljs-title,
  84. .hljs-selector-id,
  85. .hljs-tag,
  86. .hljs-doctag,
  87. .hljs-attribute,
  88. .hljs-template-tag,
  89. .hljs-meta .hljs-keyword,
  90. .hljs-punctuation {
  91. color: #ffb86c
  92. }