highlight.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. /*
  2. * DarkForest Syntax Highlighting Theme
  3. */
  4. /* Comment - Dark Green */
  5. .hljs-comment,
  6. .hljs-quote {
  7. color: #3a5a3f;
  8. }
  9. /* Variables/Attributes - Cyan */
  10. .hljs-variable,
  11. .hljs-template-variable,
  12. .hljs-attribute,
  13. .hljs-attr,
  14. .hljs-regexp,
  15. .hljs-link,
  16. .hljs-selector-id,
  17. .hljs-selector-class {
  18. color: #00ffff;
  19. }
  20. /* Numbers/Literals - Hot Pink */
  21. .hljs-number,
  22. .hljs-meta,
  23. .hljs-builtin-name,
  24. .hljs-literal,
  25. .hljs-type,
  26. .hljs-params {
  27. color: #8af0b1;
  28. }
  29. /* Strings - Spring Green */
  30. .hljs-string,
  31. .hljs-symbol,
  32. .hljs-bullet {
  33. color: #fdaef0;
  34. }
  35. /* Titles - Deep Pink */
  36. .hljs-title,
  37. .hljs-built_in,
  38. .hljs-section {
  39. color: #7acff7;
  40. }
  41. /* Keywords - Dark Cyan */
  42. .hljs-keyword,
  43. .hljs-selector-tag {
  44. color: #00ced1;
  45. }
  46. /* Name - Light Red */
  47. .hljs-name,
  48. .hljs-tag {
  49. color: #ff6b6b;
  50. }
  51. .hljs {
  52. display: block;
  53. overflow-x: auto;
  54. background: var(--hljs-bg);
  55. color: var(--hljs-fg);
  56. border: .05em solid var(--hljs-border);
  57. }
  58. p .hljs {
  59. background: var(--hljs-inline-bg);
  60. border: .05em solid var(--hljs-inline-border);
  61. padding: 3px 4px 3px 4px;
  62. }
  63. .hljs-emphasis {
  64. font-style: italic;
  65. }
  66. .hljs-strong {
  67. font-weight: bold;
  68. }
  69. /* Additions - Green */
  70. .hljs-addition {
  71. color: #00ff7f;
  72. background-color: #081a0f;
  73. }
  74. /* Deletions - Crimson */
  75. .hljs-deletion {
  76. color: #dc143c;
  77. background-color: #1a0f10;
  78. }