tokyo-night-light.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  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: Tokyo-night-light
  11. origin: https://github.com/enkia/tokyo-night-vscode-theme
  12. Description: Original highlight.js style
  13. Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
  14. License: see project LICENSE
  15. Touched: 2022
  16. */
  17. /* Comment */
  18. .hljs-meta,
  19. .hljs-comment {
  20. color: #9699a3
  21. }
  22. /* Red */
  23. /*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */
  24. .hljs-tag,
  25. .hljs-doctag,
  26. .hljs-selector-id,
  27. .hljs-selector-class,
  28. .hljs-regexp,
  29. .hljs-template-tag,
  30. .hljs-selector-pseudo,
  31. .hljs-selector-attr,
  32. .hljs-variable.language_,
  33. .hljs-deletion {
  34. color: #8c4351
  35. }
  36. /*Orange */
  37. /*INFO: Number and Boolean constants, Language support constants */
  38. .hljs-variable,
  39. .hljs-template-variable,
  40. .hljs-number,
  41. .hljs-literal,
  42. .hljs-type,
  43. .hljs-params,
  44. .hljs-link {
  45. color: #965027
  46. }
  47. /* Yellow */
  48. /* INFO: Function parameters, Regex character sets, Terminal Yellow */
  49. .hljs-built_in,
  50. .hljs-attribute {
  51. color: #8f5e15
  52. }
  53. /* cyan */
  54. /* INFO: Language support functions, CSS HTML elements */
  55. .hljs-selector-tag {
  56. color: #166775
  57. }
  58. /* light blue */
  59. /* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */
  60. .hljs-keyword,
  61. .hljs-title.function_,
  62. .hljs-title,
  63. .hljs-title.class_,
  64. .hljs-title.class_.inherited__,
  65. .hljs-subst,
  66. .hljs-property {
  67. color: #0f4b6e
  68. }
  69. /*Green*/
  70. /* INFO: Object literal keys, Markdown links, Terminal Green */
  71. .hljs-selector-tag {
  72. color: #33635c
  73. }
  74. /*Green(er) */
  75. /* INFO: Strings, CSS class names */
  76. .hljs-quote,
  77. .hljs-string,
  78. .hljs-symbol,
  79. .hljs-bullet,
  80. .hljs-addition {
  81. color: #485e30
  82. }
  83. /* Blue */
  84. /* INFO: Function names, CSS property names, Terminal Blue */
  85. .hljs-code,
  86. .hljs-formula,
  87. .hljs-section {
  88. color: #34548a
  89. }
  90. /* Magenta */
  91. /*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */
  92. .hljs-name,
  93. .hljs-keyword,
  94. .hljs-operator,
  95. .hljs-keyword,
  96. .hljs-char.escape_,
  97. .hljs-attr {
  98. color: #5a4a78
  99. }
  100. /* white*/
  101. /* INFO: Variables, Class names, Terminal White */
  102. .hljs-punctuation {
  103. color: #343b58
  104. }
  105. .hljs {
  106. background: #d5d6db;
  107. color: #565a6e
  108. }
  109. .hljs-emphasis {
  110. font-style: italic
  111. }
  112. .hljs-strong {
  113. font-weight: bold
  114. }