Advertisement
DocToon

highlight.js styles

Mar 22nd, 2025
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.38 KB | None | 0 0
  1. .hljs {
  2.     display: block;
  3.     overflow-x: auto;
  4.     padding: .5em;
  5.     border-radius: 4px;
  6.     -webkit-text-size-adjust: none;
  7.     text-size-adjust: none;
  8.     color: var(--main-text);
  9.     background: var(--background-secondary)
  10. }
  11. .hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ {
  12.     color: #ff7b72
  13. }
  14. .hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ {
  15.     color: #d2a8ff
  16. }
  17. .hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable {
  18.     color: #79c0ff
  19. }
  20. .hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
  21.     color: #a5d6ff
  22. }
  23. .hljs-built_in, .hljs-symbol {
  24.     color: #ffa657
  25. }
  26. .hljs-code, .hljs-comment, .hljs-formula {
  27.     color: #8b949e
  28. }
  29. .hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag {
  30.     color: #7ee787
  31. }
  32. .hljs-subst {
  33.     color: #c9d1d9
  34. }
  35. .hljs-section {
  36.     color: #1f6feb;
  37.     font-weight: 700
  38. }
  39. .hljs-bullet {
  40.     color: #f2cc60
  41. }
  42. .hljs-emphasis {
  43.     color: #c9d1d9;
  44.     font-style: italic
  45. }
  46. .hljs-strong {
  47.     color: #c9d1d9;
  48.     font-weight: 700
  49. }
  50. .hljs-addition {
  51.     color: #aff5b4;
  52.     background-color: #033a16
  53. }
  54. .hljs-deletion {
  55.     color: #ffdcd7;
  56.     background-color: #67060c
  57. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement