UNPKG

6.78 kBCSSView Raw
1/**
2 * Coldark Theme for Prism.js
3 * Theme variation: Dark
4 * Tested with HTML, CSS, JS, JSON, PHP, YAML, Bash script
5 * @author Armand Philippot <contact@armandphilippot.com>
6 * @homepage https://github.com/ArmandPhilippot/coldark-prism
7 * @license MIT
8 */
9code[class*="language-"],
10pre[class*="language-"] {
11 color: #e3eaf2;
12 background: none;
13 font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
14 text-align: left;
15 white-space: pre;
16 word-spacing: normal;
17 word-break: normal;
18 word-wrap: normal;
19 line-height: 1.5;
20 -moz-tab-size: 4;
21 -o-tab-size: 4;
22 tab-size: 4;
23 -webkit-hyphens: none;
24 -moz-hyphens: none;
25 -ms-hyphens: none;
26 hyphens: none;
27}
28
29pre[class*="language-"]::-moz-selection,
30pre[class*="language-"] ::-moz-selection,
31code[class*="language-"]::-moz-selection,
32code[class*="language-"] ::-moz-selection {
33 background: #3c526d;
34}
35
36pre[class*="language-"]::selection,
37pre[class*="language-"] ::selection,
38code[class*="language-"]::selection,
39code[class*="language-"] ::selection {
40 background: #3c526d;
41}
42
43/* Code blocks */
44pre[class*="language-"] {
45 padding: 1em;
46 margin: 0.5em 0;
47 overflow: auto;
48}
49
50:not(pre) > code[class*="language-"],
51pre[class*="language-"] {
52 background: #111b27;
53}
54
55/* Inline code */
56:not(pre) > code[class*="language-"] {
57 padding: 0.1em 0.3em;
58 border-radius: 0.3em;
59 white-space: normal;
60}
61
62.token.comment,
63.token.prolog,
64.token.doctype,
65.token.cdata {
66 color: #8da1b9;
67}
68
69.token.punctuation {
70 color: #e3eaf2;
71}
72
73.token.delimiter.important,
74.token.selector .parent,
75.token.tag,
76.token.tag .token.punctuation {
77 color: #66cccc;
78}
79
80.token.attr-name,
81.token.boolean,
82.token.boolean.important,
83.token.number,
84.token.constant,
85.token.selector .token.attribute {
86 color: #e6d37a;
87}
88
89.token.class-name,
90.token.key,
91.token.parameter,
92.token.property,
93.token.property-access,
94.token.variable {
95 color: #6cb8e6;
96}
97
98.token.attr-value,
99.token.inserted,
100.token.color,
101.token.selector .token.value,
102.token.string,
103.token.string .token.url-link {
104 color: #91d076;
105}
106
107.token.builtin,
108.token.keyword-array,
109.token.package,
110.token.regex {
111 color: #f4adf4;
112}
113
114.token.function,
115.token.selector .token.class,
116.token.selector .token.id {
117 color: #c699e3;
118}
119
120.token.atrule .token.rule,
121.token.combinator,
122.token.keyword,
123.token.operator,
124.token.pseudo-class,
125.token.pseudo-element,
126.token.selector,
127.token.unit {
128 color: #e9ae7e;
129}
130
131.token.deleted,
132.token.important {
133 color: #cd6660;
134}
135
136.token.keyword-this,
137.token.this {
138 color: #6cb8e6;
139}
140
141.token.important,
142.token.keyword-this,
143.token.this,
144.token.bold {
145 font-weight: bold;
146}
147
148.token.delimiter.important {
149 font-weight: inherit;
150}
151
152.token.italic {
153 font-style: italic;
154}
155
156.token.entity {
157 cursor: help;
158}
159
160.language-markdown .token.title,
161.language-markdown .token.title .token.punctuation {
162 color: #6cb8e6;
163 font-weight: bold;
164}
165
166.language-markdown .token.blockquote.punctuation {
167 color: #f4adf4;
168}
169
170.language-markdown .token.code {
171 color: #66cccc;
172}
173
174.language-markdown .token.hr.punctuation {
175 color: #6cb8e6;
176}
177
178.language-markdown .token.url .token.content {
179 color: #91d076;
180}
181
182.language-markdown .token.url-link {
183 color: #e6d37a;
184}
185
186.language-markdown .token.list.punctuation {
187 color: #f4adf4;
188}
189
190.language-markdown .token.table-header {
191 color: #e3eaf2;
192}
193
194.language-json .token.operator {
195 color: #e3eaf2;
196}
197
198.language-scss .token.variable {
199 color: #66cccc;
200}
201
202/* overrides color-values for the Show Invisibles plugin
203 * https://prismjs.com/plugins/show-invisibles/
204 */
205.token.token.tab:not(:empty):before,
206.token.token.cr:before,
207.token.token.lf:before,
208.token.token.space:before {
209 color: #8da1b9;
210}
211
212/* overrides color-values for the Toolbar plugin
213 * https://prismjs.com/plugins/toolbar/
214 */
215div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
216div.code-toolbar > .toolbar.toolbar > .toolbar-item > button {
217 color: #111b27;
218 background: #6cb8e6;
219}
220
221div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
222div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
223div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
224div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus {
225 color: #111b27;
226 background: #6cb8e6da;
227 text-decoration: none;
228}
229
230div.code-toolbar > .toolbar.toolbar > .toolbar-item > span,
231div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
232div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
233 color: #111b27;
234 background: #8da1b9;
235}
236
237/* overrides color-values for the Line Highlight plugin
238 * http://prismjs.com/plugins/line-highlight/
239 */
240.line-highlight.line-highlight {
241 background: #3c526d5f;
242 background: linear-gradient(to right, #3c526d5f 70%, #3c526d55);
243}
244
245.line-highlight.line-highlight:before,
246.line-highlight.line-highlight[data-end]:after {
247 background-color: #8da1b9;
248 color: #111b27;
249 box-shadow: 0 1px #3c526d;
250}
251
252pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
253 background-color: #8da1b918;
254}
255
256/* overrides color-values for the Line Numbers plugin
257 * http://prismjs.com/plugins/line-numbers/
258 */
259.line-numbers.line-numbers .line-numbers-rows {
260 border-right: 1px solid #0b121b;
261 background: #0b121b7a;
262}
263
264.line-numbers .line-numbers-rows > span:before {
265 color: #8da1b9da;
266}
267
268/* overrides color-values for the Match Braces plugin
269 * https://prismjs.com/plugins/match-braces/
270 */
271.rainbow-braces .token.token.punctuation.brace-level-1,
272.rainbow-braces .token.token.punctuation.brace-level-5,
273.rainbow-braces .token.token.punctuation.brace-level-9 {
274 color: #e6d37a;
275}
276
277.rainbow-braces .token.token.punctuation.brace-level-2,
278.rainbow-braces .token.token.punctuation.brace-level-6,
279.rainbow-braces .token.token.punctuation.brace-level-10 {
280 color: #f4adf4;
281}
282
283.rainbow-braces .token.token.punctuation.brace-level-3,
284.rainbow-braces .token.token.punctuation.brace-level-7,
285.rainbow-braces .token.token.punctuation.brace-level-11 {
286 color: #6cb8e6;
287}
288
289.rainbow-braces .token.token.punctuation.brace-level-4,
290.rainbow-braces .token.token.punctuation.brace-level-8,
291.rainbow-braces .token.token.punctuation.brace-level-12 {
292 color: #c699e3;
293}
294
295/* overrides color-values for the Diff Highlight plugin
296 * https://prismjs.com/plugins/diff-highlight/
297 */
298pre.diff-highlight > code .token.token.deleted:not(.prefix),
299pre > code.diff-highlight .token.token.deleted:not(.prefix) {
300 background-color: #cd66601f;
301}
302
303pre.diff-highlight > code .token.token.inserted:not(.prefix),
304pre > code.diff-highlight .token.token.inserted:not(.prefix) {
305 background-color: #91d0761f;
306}
307
308/* overrides color-values for the Command Line plugin
309 * https://prismjs.com/plugins/command-line/
310 */
311.command-line .command-line-prompt {
312 border-right: 1px solid #0b121b;
313}
314
315.command-line .command-line-prompt > span:before {
316 color: #8da1b9da;
317}