stackoverflow-dark.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  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: StackOverflow Dark
  11. Description: Dark theme as used on stackoverflow.com
  12. Author: stackoverflow.com
  13. Maintainer: @Hirse
  14. Website: https://github.com/StackExchange/Stacks
  15. License: MIT
  16. Updated: 2021-05-15
  17. Updated for @stackoverflow/stacks v0.64.0
  18. Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
  19. Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
  20. */
  21. .hljs {
  22. /* var(--highlight-color) */
  23. color: #ffffff;
  24. /* var(--highlight-bg) */
  25. background: #1c1b1b
  26. }
  27. .hljs-subst {
  28. /* var(--highlight-color) */
  29. color: #ffffff
  30. }
  31. .hljs-comment {
  32. /* var(--highlight-comment) */
  33. color: #999999
  34. }
  35. .hljs-keyword,
  36. .hljs-selector-tag,
  37. .hljs-meta .hljs-keyword,
  38. .hljs-doctag,
  39. .hljs-section {
  40. /* var(--highlight-keyword) */
  41. color: #88aece
  42. }
  43. .hljs-attr {
  44. /* var(--highlight-attribute); */
  45. color: #88aece
  46. }
  47. .hljs-attribute {
  48. /* var(--highlight-symbol) */
  49. color: #c59bc1
  50. }
  51. .hljs-name,
  52. .hljs-type,
  53. .hljs-number,
  54. .hljs-selector-id,
  55. .hljs-quote,
  56. .hljs-template-tag {
  57. /* var(--highlight-namespace) */
  58. color: #f08d49
  59. }
  60. .hljs-selector-class {
  61. /* var(--highlight-keyword) */
  62. color: #88aece
  63. }
  64. .hljs-string,
  65. .hljs-regexp,
  66. .hljs-symbol,
  67. .hljs-variable,
  68. .hljs-template-variable,
  69. .hljs-link,
  70. .hljs-selector-attr {
  71. /* var(--highlight-variable) */
  72. color: #b5bd68
  73. }
  74. .hljs-meta,
  75. .hljs-selector-pseudo {
  76. /* var(--highlight-keyword) */
  77. color: #88aece
  78. }
  79. .hljs-built_in,
  80. .hljs-title,
  81. .hljs-literal {
  82. /* var(--highlight-literal) */
  83. color: #f08d49
  84. }
  85. .hljs-bullet,
  86. .hljs-code {
  87. /* var(--highlight-punctuation) */
  88. color: #cccccc
  89. }
  90. .hljs-meta .hljs-string {
  91. /* var(--highlight-variable) */
  92. color: #b5bd68
  93. }
  94. .hljs-deletion {
  95. /* var(--highlight-deletion) */
  96. color: #de7176
  97. }
  98. .hljs-addition {
  99. /* var(--highlight-addition) */
  100. color: #76c490
  101. }
  102. .hljs-emphasis {
  103. font-style: italic
  104. }
  105. .hljs-strong {
  106. font-weight: bold
  107. }
  108. .hljs-formula,
  109. .hljs-operator,
  110. .hljs-params,
  111. .hljs-property,
  112. .hljs-punctuation,
  113. .hljs-tag {
  114. /* purposely ignored */
  115. }