shades-of-purple.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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. * Shades of Purple Theme — for Highlightjs.
  11. *
  12. * @author (c) Ahmad Awais <https://twitter.com/mrahmadawais/>
  13. * @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS
  14. * @version 1.5.0
  15. */
  16. .hljs {
  17. background: #2d2b57;
  18. color: #e3dfff;
  19. font-weight: normal
  20. }
  21. .hljs-subst {
  22. color: #e3dfff
  23. }
  24. .hljs-title {
  25. color: #fad000;
  26. font-weight: normal
  27. }
  28. .hljs-name {
  29. color: #a1feff
  30. }
  31. .hljs-tag {
  32. color: #ffffff
  33. }
  34. .hljs-attr {
  35. color: #f8d000;
  36. font-style: italic
  37. }
  38. .hljs-built_in,
  39. .hljs-selector-tag,
  40. .hljs-section {
  41. color: #fb9e00
  42. }
  43. .hljs-keyword {
  44. color: #fb9e00
  45. }
  46. .hljs-string,
  47. .hljs-attribute,
  48. .hljs-symbol,
  49. .hljs-bullet,
  50. .hljs-addition,
  51. .hljs-code,
  52. .hljs-regexp,
  53. .hljs-selector-class,
  54. .hljs-selector-attr,
  55. .hljs-selector-pseudo,
  56. .hljs-template-tag,
  57. .hljs-quote,
  58. .hljs-deletion {
  59. color: #4cd213
  60. }
  61. .hljs-meta,
  62. .hljs-meta .hljs-string {
  63. color: #fb9e00
  64. }
  65. .hljs-comment {
  66. color: #ac65ff
  67. }
  68. .hljs-keyword,
  69. .hljs-selector-tag,
  70. .hljs-literal,
  71. .hljs-name,
  72. .hljs-strong {
  73. font-weight: normal
  74. }
  75. .hljs-literal,
  76. .hljs-number {
  77. color: #fa658d
  78. }
  79. .hljs-emphasis {
  80. font-style: italic
  81. }
  82. .hljs-strong {
  83. font-weight: bold
  84. }