rose-pine.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  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: #6e6a86
  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: #eb6f92
  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: #ebbcba
  42. }
  43. /* Yellow */
  44. /* INFO: Function parameters, Regex character sets, Terminal Yellow */
  45. .hljs-built_in,
  46. .hljs-attribute {
  47. color: #f6c177
  48. }
  49. /* cyan */
  50. /* INFO: Language support functions, CSS HTML elements */
  51. .hljs-selector-tag {
  52. color: #31748f
  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: #9ccfd8
  64. }
  65. /*Green*/
  66. /* INFO: Object literal keys, Markdown links, Terminal Green */
  67. .hljs-selector-tag {
  68. color: #9ccfd8
  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: #31748f
  78. }
  79. /* INFO: Function names, CSS property names, Terminal Blue */
  80. .hljs-code,
  81. .hljs-formula,
  82. .hljs-section {
  83. color: #ebbcba
  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: #c4a7e7
  94. }
  95. /* white*/
  96. /* INFO: Variables, Class names, Terminal White */
  97. .hljs-punctuation {
  98. color: #e0def4
  99. }
  100. .hljs {
  101. background: #191724;
  102. color: #6e6a86
  103. }
  104. .hljs-emphasis {
  105. font-style: italic
  106. }
  107. .hljs-strong {
  108. font-weight: bold
  109. }