rose-pine-dawn.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  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: Rose Pine
  11. Origin: https://rosepinetheme.com/
  12. */
  13. /* Comment */
  14. .hljs-meta,
  15. .hljs-comment {
  16. color: #9893a5
  17. }
  18. /* Red */
  19. /*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */
  20. .hljs-tag,
  21. .hljs-doctag,
  22. .hljs-selector-id,
  23. .hljs-selector-class,
  24. .hljs-regexp,
  25. .hljs-template-tag,
  26. .hljs-selector-pseudo,
  27. .hljs-selector-attr,
  28. .hljs-variable.language_,
  29. .hljs-deletion {
  30. color: #b4637a
  31. }
  32. /*Orange */
  33. /*INFO: Number and Boolean constants, Language support constants */
  34. .hljs-variable,
  35. .hljs-template-variable,
  36. .hljs-number,
  37. .hljs-literal,
  38. .hljs-type,
  39. .hljs-params,
  40. .hljs-link {
  41. color: #d7827e
  42. }
  43. /* Yellow */
  44. /* INFO: Function parameters, Regex character sets, Terminal Yellow */
  45. .hljs-built_in,
  46. .hljs-attribute {
  47. color: #ea9d34
  48. }
  49. /* cyan */
  50. /* INFO: Language support functions, CSS HTML elements */
  51. .hljs-selector-tag {
  52. color: #286983
  53. }
  54. /* light blue */
  55. /* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */
  56. .hljs-keyword,
  57. .hljs-title.function_,
  58. .hljs-title,
  59. .hljs-title.class_,
  60. .hljs-title.class_.inherited__,
  61. .hljs-subst,
  62. .hljs-property {
  63. color: #56949f
  64. }
  65. /*Green*/
  66. /* INFO: Object literal keys, Markdown links, Terminal Green */
  67. .hljs-selector-tag {
  68. color: #56949f
  69. }
  70. /*Green(er) */
  71. /* INFO: Strings, CSS class names */
  72. .hljs-quote,
  73. .hljs-string,
  74. .hljs-symbol,
  75. .hljs-bullet,
  76. .hljs-addition {
  77. color: #286983
  78. }
  79. /* INFO: Function names, CSS property names, Terminal Blue */
  80. .hljs-code,
  81. .hljs-formula,
  82. .hljs-section {
  83. color: #d7827e
  84. }
  85. /* Magenta */
  86. /*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */
  87. .hljs-name,
  88. .hljs-keyword,
  89. .hljs-operator,
  90. .hljs-keyword,
  91. .hljs-char.escape_,
  92. .hljs-attr {
  93. color: #907aa9
  94. }
  95. .hljs-punctuation {
  96. color: #575279
  97. }
  98. .hljs {
  99. background: #faf4ed;
  100. color: #575279
  101. }
  102. .hljs-emphasis {
  103. font-style: italic
  104. }
  105. .hljs-strong {
  106. font-weight: bold
  107. }