prism-solarizedlight.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  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; /* base00 */
  31. font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  32. font-size: 1em;
  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, pre[class*="language-"] ::-moz-selection,
  48. code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  49. background: #073642; /* base02 */
  50. }
  51. pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
  52. code[class*="language-"]::selection, code[class*="language-"] ::selection {
  53. background: #073642; /* base02 */
  54. }
  55. /* Code blocks */
  56. pre[class*="language-"] {
  57. padding: 1em;
  58. margin: .5em 0;
  59. overflow: auto;
  60. border-radius: 0.3em;
  61. }
  62. :not(pre) > code[class*="language-"],
  63. pre[class*="language-"] {
  64. background-color: #fdf6e3; /* base3 */
  65. }
  66. /* Inline code */
  67. :not(pre) > code[class*="language-"] {
  68. padding: .1em;
  69. border-radius: .3em;
  70. }
  71. .token.comment,
  72. .token.prolog,
  73. .token.doctype,
  74. .token.cdata {
  75. color: #93a1a1; /* base1 */
  76. }
  77. .token.punctuation {
  78. color: #586e75; /* base01 */
  79. }
  80. .token.namespace {
  81. opacity: .7;
  82. }
  83. .token.property,
  84. .token.tag,
  85. .token.boolean,
  86. .token.number,
  87. .token.constant,
  88. .token.symbol,
  89. .token.deleted {
  90. color: #268bd2; /* blue */
  91. }
  92. .token.selector,
  93. .token.attr-name,
  94. .token.string,
  95. .token.char,
  96. .token.builtin,
  97. .token.url,
  98. .token.inserted {
  99. color: #2aa198; /* cyan */
  100. }
  101. .token.entity {
  102. color: #657b83; /* base00 */
  103. background: #eee8d5; /* base2 */
  104. }
  105. .token.atrule,
  106. .token.attr-value,
  107. .token.keyword {
  108. color: #859900; /* green */
  109. }
  110. .token.function,
  111. .token.class-name {
  112. color: #b58900; /* yellow */
  113. }
  114. .token.regex,
  115. .token.important,
  116. .token.variable {
  117. color: #cb4b16; /* orange */
  118. }
  119. .token.important,
  120. .token.bold {
  121. font-weight: bold;
  122. }
  123. .token.italic {
  124. font-style: italic;
  125. }
  126. .token.entity {
  127. cursor: help;
  128. }