prism-solarizedlight.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. /*
  2. Solarized Color Schemes originally by Ethan Schoonover
  3. http://ethanschoonover.com/solarized
  4. Ported for PrismJS by Hector Matos
  5. Website: https://krakendev.io
  6. Twitter Handle: https://twitter.com/allonsykraken)
  7. */
  8. /*
  9. SOLARIZED HEX
  10. --------- -------
  11. base03 #002b36
  12. base02 #073642
  13. base01 #586e75
  14. base00 #657b83
  15. base0 #839496
  16. base1 #93a1a1
  17. base2 #eee8d5
  18. base3 #fdf6e3
  19. yellow #b58900
  20. orange #cb4b16
  21. red #dc322f
  22. magenta #d33682
  23. violet #6c71c4
  24. blue #268bd2
  25. cyan #2aa198
  26. green #859900
  27. */
  28. code[class*="language-"],
  29. pre[class*="language-"] {
  30. color: #657b83;
  31. /* base00 */
  32. font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  33. text-align: left;
  34. white-space: pre;
  35. word-spacing: normal;
  36. word-break: normal;
  37. word-wrap: normal;
  38. line-height: 1.5;
  39. -moz-tab-size: 4;
  40. -o-tab-size: 4;
  41. tab-size: 4;
  42. -webkit-hyphens: none;
  43. -moz-hyphens: none;
  44. -ms-hyphens: none;
  45. hyphens: none;
  46. }
  47. pre[class*="language-"]::-moz-selection,
  48. pre[class*="language-"] ::-moz-selection,
  49. code[class*="language-"]::-moz-selection,
  50. code[class*="language-"] ::-moz-selection {
  51. background: #073642;
  52. /* base02 */
  53. }
  54. pre[class*="language-"]::selection,
  55. pre[class*="language-"] ::selection,
  56. code[class*="language-"]::selection,
  57. code[class*="language-"] ::selection {
  58. background: #073642;
  59. /* base02 */
  60. }
  61. /* Code blocks */
  62. pre[class*="language-"] {
  63. padding: 1em;
  64. margin: .5em 0;
  65. overflow: auto;
  66. border-radius: 0.3em;
  67. }
  68. :not(pre)>code[class*="language-"],
  69. pre[class*="language-"] {
  70. background-color: #fdf6e3;
  71. /* base3 */
  72. }
  73. /* Inline code */
  74. :not(pre)>code[class*="language-"] {
  75. padding: .1em;
  76. border-radius: .3em;
  77. }
  78. .token.comment,
  79. .token.prolog,
  80. .token.doctype,
  81. .token.cdata {
  82. color: #93a1a1;
  83. /* base1 */
  84. }
  85. .token.punctuation {
  86. color: #586e75;
  87. /* base01 */
  88. }
  89. .namespace {
  90. opacity: .7;
  91. }
  92. .token.property,
  93. .token.tag,
  94. .token.boolean,
  95. .token.number,
  96. .token.constant,
  97. .token.symbol,
  98. .token.deleted {
  99. color: #268bd2;
  100. /* blue */
  101. }
  102. .token.selector,
  103. .token.attr-name,
  104. .token.string,
  105. .token.char,
  106. .token.builtin,
  107. .token.url,
  108. .token.inserted {
  109. color: #2aa198;
  110. /* cyan */
  111. }
  112. .token.entity {
  113. color: #657b83;
  114. /* base00 */
  115. background: #eee8d5;
  116. /* base2 */
  117. }
  118. .token.atrule,
  119. .token.attr-value,
  120. .token.keyword {
  121. color: #859900;
  122. /* green */
  123. }
  124. .token.function,
  125. .token.class-name {
  126. color: #b58900;
  127. /* yellow */
  128. }
  129. .token.regex,
  130. .token.important,
  131. .token.variable {
  132. color: #cb4b16;
  133. /* orange */
  134. }
  135. .token.important,
  136. .token.bold {
  137. font-weight: bold;
  138. }
  139. .token.italic {
  140. font-style: italic;
  141. }
  142. .token.entity {
  143. cursor: help;
  144. }