shades-of-purple.scss 1.3 KB

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