UNPKG

2.58 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 text-align: left;
36 white-space: pre;
37 word-spacing: normal;
38 word-break: normal;
39 word-wrap: normal;
40
41 line-height: 1.5;
42
43 -moz-tab-size: 4;
44 -o-tab-size: 4;
45 tab-size: 4;
46
47 -webkit-hyphens: none;
48 -moz-hyphens: none;
49 -ms-hyphens: none;
50 hyphens: none;
51}
52
53pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
54code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
55 background: #073642; /* base02 */
56}
57
58pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
59code[class*="language-"]::selection, code[class*="language-"] ::selection {
60 background: #073642; /* base02 */
61}
62
63/* Code blocks */
64pre[class*="language-"] {
65 padding: 1em;
66 margin: .5em 0;
67 overflow: auto;
68 border-radius: 0.3em;
69}
70
71:not(pre) > code[class*="language-"],
72pre[class*="language-"] {
73 background-color: #fdf6e3; /* base3 */
74}
75
76/* Inline code */
77:not(pre) > code[class*="language-"] {
78 padding: .1em;
79 border-radius: .3em;
80}
81
82.token.comment,
83.token.prolog,
84.token.doctype,
85.token.cdata {
86 color: #93a1a1; /* base1 */
87}
88
89.token.punctuation {
90 color: #586e75; /* base01 */
91}
92
93.namespace {
94 opacity: .7;
95}
96
97.token.property,
98.token.tag,
99.token.boolean,
100.token.number,
101.token.constant,
102.token.symbol,
103.token.deleted {
104 color: #268bd2; /* blue */
105}
106
107.token.selector,
108.token.attr-name,
109.token.string,
110.token.char,
111.token.builtin,
112.token.url,
113.token.inserted {
114 color: #2aa198; /* cyan */
115}
116
117.token.entity {
118 color: #657b83; /* base00 */
119 background: #eee8d5; /* base2 */
120}
121
122.token.atrule,
123.token.attr-value,
124.token.keyword {
125 color: #859900; /* green */
126}
127
128.token.function,
129.token.class-name {
130 color: #b58900; /* yellow */
131}
132
133.token.regex,
134.token.important,
135.token.variable {
136 color: #cb4b16; /* orange */
137}
138
139.token.important,
140.token.bold {
141 font-weight: bold;
142}
143.token.italic {
144 font-style: italic;
145}
146
147.token.entity {
148 cursor: help;
149}