cybertopia-cherry.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  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. Theme: Cybertopia Cherry
  11. Author: Alexandre ZANNI (noraj)
  12. Repository: https://github.com/noraj/cybertopia-highlightjs
  13. */
  14. :root {
  15. --hljs-bg: #101010;
  16. --hljs-mono-1: #abb2bf;
  17. --hljs-mono-3: #5c6370;
  18. --hljs-hue-1: #C50243;
  19. --hljs-hue-2: #C50253;
  20. --hljs-hue-3: #C50263;
  21. --hljs-hue-4: #02c797;
  22. --hljs-hue-5: #02C584;
  23. --hljs-hue-6: #02C574;
  24. --hljs-hue-6-2: #02C563;
  25. --hljs-hue-7: #C50233
  26. }
  27. .hljs {
  28. color: var(--hljs-mono-1);
  29. background: var(--hljs-bg)
  30. }
  31. .hljs-comment,
  32. .hljs-quote,
  33. .hljs-code {
  34. color: var(--hljs-mono-3);
  35. font-style: italic
  36. }
  37. .hljs-doctag,
  38. .hljs-keyword,
  39. .hljs-formula,
  40. .hljs-meta .hljs-keyword {
  41. color: var(--hljs-hue-3)
  42. }
  43. .hljs-section,
  44. .hljs-name,
  45. .hljs-selector-tag,
  46. .hljs-deletion,
  47. .hljs-subst {
  48. color: var(--hljs-hue-5)
  49. }
  50. .hljs-literal {
  51. color: var(--hljs-hue-1)
  52. }
  53. .hljs-string,
  54. .hljs-regexp,
  55. .hljs-addition,
  56. .hljs-attribute,
  57. .hljs-meta .hljs-string {
  58. color: var(--hljs-hue-4)
  59. }
  60. .hljs-attr,
  61. .hljs-variable,
  62. .hljs-template-variable,
  63. .hljs-type,
  64. .hljs-selector-class,
  65. .hljs-selector-attr,
  66. .hljs-selector-pseudo,
  67. .hljs-number,
  68. .hljs-punctuation,
  69. .hljs-variable.language_ {
  70. color: var(--hljs-hue-6)
  71. }
  72. .hljs-symbol,
  73. .hljs-bullet,
  74. .hljs-link,
  75. .hljs-meta,
  76. .hljs-selector-id,
  77. .hljs-title,
  78. .hljs-title.function_,
  79. .hljs-property,
  80. .hljs-tag,
  81. .hljs-char.escape_ {
  82. color: var(--hljs-hue-2)
  83. }
  84. .hljs-built_in,
  85. .hljs-title.class_,
  86. .hljs-title.class_.inherited__,
  87. .hljs-class .hljs-title {
  88. color: var(--hljs-hue-6-2)
  89. }
  90. .hljs-emphasis {
  91. font-style: italic
  92. }
  93. .hljs-strong {
  94. font-weight: bold
  95. }
  96. .hljs-link {
  97. text-decoration: underline
  98. }
  99. .hljs-params,
  100. .hljs-operator,
  101. .hljs-template-tag {
  102. color: var(--hljs-hue-7)
  103. }