gruvbox-light.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. /*
  2. Gruvbox style (light) (c) Pavel Pertsev (original style at https://github.com/morhetz/gruvbox)
  3. */
  4. .hljs {
  5. display: block;
  6. overflow-x: auto;
  7. padding: 0.5em;
  8. background: #fbf1c7;
  9. }
  10. .hljs,
  11. .hljs-subst {
  12. color: #3c3836;
  13. }
  14. /* Gruvbox Red */
  15. .hljs-deletion,
  16. .hljs-formula,
  17. .hljs-keyword,
  18. .hljs-link,
  19. .hljs-selector-tag {
  20. color: #9d0006;
  21. }
  22. /* Gruvbox Blue */
  23. .hljs-built_in,
  24. .hljs-emphasis,
  25. .hljs-name,
  26. .hljs-quote,
  27. .hljs-strong,
  28. .hljs-title,
  29. .hljs-variable {
  30. color: #076678;
  31. }
  32. /* Gruvbox Yellow */
  33. .hljs-attr,
  34. .hljs-params,
  35. .hljs-template-tag,
  36. .hljs-type {
  37. color: #b57614;
  38. }
  39. /* Gruvbox Purple */
  40. .hljs-builtin-name,
  41. .hljs-doctag,
  42. .hljs-literal,
  43. .hljs-number {
  44. color: #8f3f71;
  45. }
  46. /* Gruvbox Orange */
  47. .hljs-code,
  48. .hljs-meta,
  49. .hljs-regexp,
  50. .hljs-selector-id,
  51. .hljs-template-variable {
  52. color: #af3a03;
  53. }
  54. /* Gruvbox Green */
  55. .hljs-addition,
  56. .hljs-meta-string,
  57. .hljs-section,
  58. .hljs-selector-attr,
  59. .hljs-selector-class,
  60. .hljs-string,
  61. .hljs-symbol {
  62. color: #79740e;
  63. }
  64. /* Gruvbox Aqua */
  65. .hljs-attribute,
  66. .hljs-bullet,
  67. .hljs-class,
  68. .hljs-function,
  69. .hljs-function .hljs-keyword,
  70. .hljs-meta-keyword,
  71. .hljs-selector-pseudo,
  72. .hljs-tag {
  73. color: #427b58;
  74. }
  75. /* Gruvbox Gray */
  76. .hljs-comment {
  77. color: #928374;
  78. }
  79. /* Gruvbox Purple */
  80. .hljs-link_label,
  81. .hljs-literal,
  82. .hljs-number {
  83. color: #8f3f71;
  84. }
  85. .hljs-comment,
  86. .hljs-emphasis {
  87. font-style: italic;
  88. }
  89. .hljs-section,
  90. .hljs-strong,
  91. .hljs-tag {
  92. font-weight: bold;
  93. }