UNPKG

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