]>
Commit | Line | Data |
---|---|---|
3dfed10e XL |
1 | /* |
2 | Based off of the Ayu theme | |
3 | Original by Dempfi (https://github.com/dempfi/ayu) | |
4 | */ | |
5 | ||
6 | /* General structure and fonts */ | |
7 | ||
8 | body { | |
9 | background-color: #0f1419; | |
10 | color: #c5c5c5; | |
11 | } | |
12 | ||
13 | h1, h2, h3:not(.impl):not(.method):not(.type):not(.tymethod), | |
14 | h4:not(.method):not(.type):not(.tymethod) { | |
15 | color: white; | |
16 | } | |
17 | h1.fqn { | |
18 | border-bottom-color: #5c6773; | |
19 | } | |
20 | h1.fqn a { | |
21 | color: #fff; | |
22 | } | |
23 | h2, h3:not(.impl):not(.method):not(.type):not(.tymethod) { | |
24 | border-bottom-color: #5c6773; | |
25 | } | |
26 | h4:not(.method):not(.type):not(.tymethod):not(.associatedconstant) { | |
27 | border: none; | |
28 | } | |
29 | ||
30 | .in-band { | |
31 | background-color: #0f1419; | |
32 | } | |
33 | ||
34 | .invisible { | |
35 | background: rgba(0, 0, 0, 0); | |
36 | } | |
37 | ||
38 | code { | |
39 | color: #ffb454; | |
40 | } | |
41 | h3 > code, h4 > code, h5 > code { | |
42 | color: #e6e1cf; | |
43 | } | |
44 | pre > code { | |
45 | color: #e6e1cf; | |
46 | } | |
47 | span code { | |
48 | color: #e6e1cf; | |
49 | } | |
50 | .docblock a > code { | |
51 | color: #39AFD7 !important; | |
52 | } | |
53 | .docblock code, .docblock-short code { | |
54 | background-color: #191f26; | |
55 | } | |
56 | pre { | |
57 | color: #e6e1cf; | |
58 | background-color: #191f26; | |
59 | } | |
60 | ||
61 | .sidebar { | |
62 | background-color: #14191f; | |
63 | } | |
64 | ||
65 | .logo-container.rust-logo > img { | |
66 | filter: drop-shadow(1px 0 0px #fff) | |
67 | drop-shadow(0 1px 0 #fff) | |
68 | drop-shadow(-1px 0 0 #fff) | |
69 | drop-shadow(0 -1px 0 #fff); | |
70 | } | |
71 | ||
72 | /* Improve the scrollbar display on firefox */ | |
73 | * { | |
74 | scrollbar-color: #5c6773 transparent; | |
75 | } | |
76 | ||
77 | .sidebar { | |
78 | scrollbar-color: #5c6773 transparent; | |
79 | } | |
80 | ||
81 | /* Improve the scrollbar display on webkit-based browsers */ | |
82 | ::-webkit-scrollbar-track { | |
83 | background-color: transparent; | |
84 | } | |
85 | ::-webkit-scrollbar-thumb { | |
86 | background-color: #5c6773; | |
87 | } | |
88 | .sidebar::-webkit-scrollbar-track { | |
89 | background-color: transparent; | |
90 | } | |
91 | .sidebar::-webkit-scrollbar-thumb { | |
92 | background-color: #5c6773; | |
93 | } | |
94 | ||
95 | .sidebar .current { | |
96 | background-color: transparent; | |
97 | color: #ffb44c; | |
98 | } | |
99 | ||
100 | .source .sidebar { | |
101 | background-color: #0f1419; | |
102 | } | |
103 | ||
104 | .sidebar .location { | |
105 | border-color: #000; | |
106 | background-color: #0f1419; | |
107 | color: #fff; | |
108 | } | |
109 | ||
110 | .sidebar-elems .location { | |
111 | color: #ff7733; | |
112 | } | |
113 | ||
114 | .sidebar-elems .location a { | |
115 | color: #fff; | |
116 | } | |
117 | ||
118 | .sidebar .version { | |
119 | border-bottom-color: #424c57; | |
120 | } | |
121 | ||
122 | .sidebar-title { | |
123 | border-top-color: #5c6773; | |
124 | border-bottom-color: #5c6773; | |
125 | } | |
126 | ||
127 | .block a:hover { | |
128 | background: transparent; | |
129 | color: #ffb44c; | |
130 | } | |
131 | ||
1b1a35ee | 132 | .line-numbers span { color: #5c6773; } |
3dfed10e | 133 | .line-numbers .line-highlighted { |
1b1a35ee XL |
134 | color: #708090; |
135 | background-color: rgba(255, 236, 164, 0.06); | |
3dfed10e XL |
136 | padding-right: 4px; |
137 | border-right: 1px solid #ffb44c; | |
138 | } | |
139 | ||
140 | .docblock h1, .docblock h2, .docblock h3, .docblock h4, .docblock h5 { | |
141 | border-bottom-color: #5c6773; | |
142 | } | |
143 | ||
144 | .docblock table, .docblock table td, .docblock table th { | |
145 | border-color: #5c6773; | |
146 | } | |
147 | ||
148 | .content .method .where, | |
149 | .content .fn .where, | |
150 | .content .where.fmt-newline { | |
151 | color: #c5c5c5; | |
152 | } | |
153 | ||
154 | .content .highlighted { | |
155 | color: #000 !important; | |
156 | background-color: #c6afb3; | |
157 | } | |
158 | .content .highlighted a, .content .highlighted span { color: #000 !important; } | |
159 | .content .highlighted { | |
160 | background-color: #c6afb3; | |
161 | } | |
162 | .search-results a { | |
163 | color: #0096cf; | |
164 | } | |
165 | .search-results a span.desc { | |
166 | color: #c5c5c5; | |
167 | } | |
168 | ||
169 | .content .stability::before { color: #ccc; } | |
170 | ||
171 | .content span.foreigntype, .content a.foreigntype { color: #ef57ff; } | |
172 | .content span.union, .content a.union { color: #98a01c; } | |
173 | .content span.constant, .content a.constant, | |
174 | .content span.static, .content a.static { color: #6380a0; } | |
175 | .content span.primitive, .content a.primitive { color: #32889b; } | |
176 | .content span.traitalias, .content a.traitalias { color: #57d399; } | |
177 | .content span.keyword, .content a.keyword { color: #de5249; } | |
178 | ||
179 | .content span.externcrate, .content span.mod, .content a.mod { | |
180 | color: #acccf9; | |
181 | } | |
182 | .content span.struct, .content a.struct { | |
183 | color: #ffa0a5; | |
184 | } | |
185 | .content span.enum, .content a.enum { | |
186 | color: #99e0c9; | |
187 | } | |
188 | .content span.trait, .content a.trait { | |
189 | color: #39AFD7; | |
190 | } | |
191 | .content span.type, .content a.type { | |
192 | color: #cfbcf5; | |
193 | } | |
194 | .content span.fn, .content a.fn, .content span.method, | |
195 | .content a.method, .content span.tymethod, | |
196 | .content a.tymethod, .content .fnname { | |
197 | color: #fdd687; | |
198 | } | |
199 | .content span.attr, .content a.attr, .content span.derive, | |
200 | .content a.derive, .content span.macro, .content a.macro { | |
201 | color: #a37acc; | |
202 | } | |
203 | ||
204 | pre.rust .comment { color: #788797; } | |
205 | pre.rust .doccomment { color: #a1ac88; } | |
206 | ||
207 | nav:not(.sidebar) { | |
208 | border-bottom-color: #424c57; | |
209 | } | |
210 | nav.main .current { | |
211 | border-top-color: #5c6773; | |
212 | border-bottom-color: #5c6773; | |
213 | } | |
214 | nav.main .separator { | |
215 | border: 1px solid #5c6773; | |
216 | } | |
217 | a { | |
218 | color: #c5c5c5; | |
219 | } | |
220 | ||
221 | .docblock:not(.type-decl) a:not(.srclink):not(.test-arrow), | |
222 | .docblock-short a:not(.srclink):not(.test-arrow), .stability a { | |
223 | color: #39AFD7; | |
224 | } | |
225 | ||
226 | .collapse-toggle { | |
227 | color: #999; | |
228 | } | |
229 | ||
230 | #crate-search { | |
231 | color: #c5c5c5; | |
232 | background-color: #141920; | |
233 | box-shadow: 0 0 0 1px #424c57,0 0 0 2px transparent; | |
234 | border-color: #424c57; | |
235 | } | |
236 | ||
237 | .search-input { | |
238 | color: #ffffff; | |
239 | background-color: #141920; | |
240 | box-shadow: 0 0 0 1px #424c57,0 0 0 2px transparent; | |
241 | transition: box-shadow 150ms ease-in-out; | |
242 | } | |
243 | ||
244 | #crate-search+.search-input:focus { | |
245 | box-shadow: 0 0 0 1px #148099,0 0 0 2px transparent; | |
246 | } | |
247 | ||
248 | .search-focus:disabled { | |
249 | color: #929292; | |
250 | } | |
251 | ||
252 | .module-item .stab { | |
253 | color: #000; | |
254 | } | |
255 | ||
256 | .stab.unstable, | |
257 | .stab.deprecated, | |
258 | .stab.portability { | |
259 | color: #c5c5c5; | |
260 | background: #314559 !important; | |
261 | border-style: none !important; | |
262 | border-radius: 4px; | |
263 | padding: 3px 6px 3px 6px; | |
264 | } | |
265 | ||
266 | .stab.portability > code { | |
267 | color: #e6e1cf; | |
268 | background-color: transparent; | |
269 | } | |
270 | ||
271 | #help > div { | |
272 | background: #14191f; | |
273 | box-shadow: 0px 6px 20px 0px black; | |
274 | border: none; | |
275 | border-radius: 4px; | |
276 | } | |
277 | ||
278 | .since { | |
279 | color: grey; | |
280 | } | |
281 | ||
282 | tr.result span.primitive::after, tr.result span.keyword::after { | |
283 | color: #788797; | |
284 | } | |
285 | ||
286 | .line-numbers :target { background-color: transparent; } | |
287 | ||
288 | /* Code highlighting */ | |
289 | pre.rust .number, pre.rust .string { color: #b8cc52; } | |
290 | pre.rust .kw, pre.rust .kw-2, pre.rust .prelude-ty, | |
291 | pre.rust .bool-val, pre.rust .prelude-val, | |
292 | pre.rust .op, pre.rust .lifetime { color: #ff7733; } | |
293 | pre.rust .macro, pre.rust .macro-nonterminal { color: #a37acc; } | |
294 | pre.rust .question-mark { | |
295 | color: #ff9011; | |
296 | } | |
297 | pre.rust .self { | |
298 | color: #36a3d9; | |
299 | font-style: italic; | |
300 | } | |
301 | pre.rust .attribute { | |
302 | color: #e6e1cf; | |
303 | } | |
304 | pre.rust .attribute .ident, pre.rust .attribute .op { | |
305 | color: #e6e1cf; | |
306 | } | |
307 | ||
308 | .example-wrap > pre.line-number { | |
309 | color: #5c67736e; | |
310 | border: none; | |
311 | } | |
312 | ||
313 | a.test-arrow { | |
314 | font-size: 100%; | |
315 | color: #788797; | |
316 | border-radius: 4px; | |
317 | background-color: rgba(57, 175, 215, 0.09); | |
318 | } | |
319 | ||
320 | a.test-arrow:hover { | |
321 | background-color: rgba(57, 175, 215, 0.368); | |
322 | color: #c5c5c5; | |
323 | } | |
324 | ||
325 | .toggle-label { | |
326 | color: #999; | |
327 | } | |
328 | ||
329 | :target > code, :target > .in-band { | |
330 | background: rgba(255, 236, 164, 0.06); | |
331 | border-right: 3px solid rgba(255, 180, 76, 0.85); | |
332 | } | |
333 | ||
334 | pre.compile_fail { | |
335 | border-left: 2px solid rgba(255,0,0,.4); | |
336 | } | |
337 | ||
338 | pre.compile_fail:hover, .information:hover + pre.compile_fail { | |
339 | border-left: 2px solid #f00; | |
340 | } | |
341 | ||
342 | pre.should_panic { | |
343 | border-left: 2px solid rgba(255,0,0,.4); | |
344 | } | |
345 | ||
346 | pre.should_panic:hover, .information:hover + pre.should_panic { | |
347 | border-left: 2px solid #f00; | |
348 | } | |
349 | ||
350 | pre.ignore { | |
351 | border-left: 2px solid rgba(255,142,0,.6); | |
352 | } | |
353 | ||
354 | pre.ignore:hover, .information:hover + pre.ignore { | |
355 | border-left: 2px solid #ff9200; | |
356 | } | |
357 | ||
358 | .tooltip.compile_fail { | |
359 | color: rgba(255,0,0,.5); | |
360 | } | |
361 | ||
362 | .information > .compile_fail:hover { | |
363 | color: #f00; | |
364 | } | |
365 | ||
366 | .tooltip.should_panic { | |
367 | color: rgba(255,0,0,.5); | |
368 | } | |
369 | ||
370 | .information > .should_panic:hover { | |
371 | color: #f00; | |
372 | } | |
373 | ||
374 | .tooltip.ignore { | |
375 | color: rgba(255,142,0,.6); | |
376 | } | |
377 | ||
378 | .information > .ignore:hover { | |
379 | color: #ff9200; | |
380 | } | |
381 | ||
382 | .search-failed a { | |
383 | color: #39AFD7; | |
384 | } | |
385 | ||
386 | .tooltip .tooltiptext { | |
387 | background-color: #314559; | |
388 | color: #c5c5c5; | |
389 | border: 1px solid #5c6773; | |
390 | } | |
391 | ||
392 | .tooltip .tooltiptext::after { | |
393 | border-color: transparent #314559 transparent transparent; | |
394 | } | |
395 | ||
396 | .notable-traits-tooltiptext { | |
397 | background-color: #314559; | |
398 | border-color: #5c6773; | |
399 | } | |
400 | ||
401 | #titles > div.selected { | |
402 | background-color: #141920 !important; | |
403 | border-bottom: 1px solid #ffb44c !important; | |
404 | border-top: none; | |
405 | } | |
406 | ||
407 | #titles > div:not(.selected) { | |
408 | background-color: transparent !important; | |
409 | border: none; | |
410 | } | |
411 | ||
412 | #titles > div:hover { | |
413 | border-bottom: 1px solid rgba(242, 151, 24, 0.3); | |
414 | } | |
415 | ||
416 | #titles > div > div.count { | |
417 | color: #888; | |
418 | } | |
419 | ||
420 | /* rules that this theme does not need to set, here to satisfy the rule checker */ | |
421 | /* note that a lot of these are partially set in some way (meaning they are set | |
422 | individually rather than as a group) */ | |
423 | /* FIXME: these rules should be at the bottom of the file but currently must be | |
424 | above the `@media (max-width: 700px)` rules due to a bug in the css checker */ | |
425 | /* see https://github.com/rust-lang/rust/pull/71237#issuecomment-618170143 */ | |
426 | .content .highlighted.mod, .content .highlighted.externcrate {} | |
427 | .search-input:focus {} | |
428 | .content span.attr,.content a.attr,.block a.current.attr,.content span.derive,.content a.derive, | |
429 | .block a.current.derive,.content span.macro,.content a.macro,.block a.current.macro {} | |
430 | .content .highlighted.trait {} | |
431 | .content span.struct,.content a.struct,.block a.current.struct {} | |
432 | #titles>div:hover,#titles>div.selected {} | |
433 | .content .highlighted.traitalias {} | |
434 | .content span.type,.content a.type,.block a.current.type {} | |
435 | .content span.union,.content a.union,.block a.current.union {} | |
436 | .content .highlighted.foreigntype {} | |
437 | pre.rust .lifetime {} | |
438 | .content .highlighted.primitive {} | |
439 | .content .highlighted.constant,.content .highlighted.static {} | |
440 | .stab.unstable {} | |
441 | .content .highlighted.fn,.content .highlighted.method,.content .highlighted.tymethod {} | |
442 | h2,h3:not(.impl):not(.method):not(.type):not(.tymethod),h4:not(.method):not(.type):not(.tymethod) {} | |
443 | .content span.enum,.content a.enum,.block a.current.enum {} | |
444 | .content span.constant,.content a.constant,.block a.current.constant,.content span.static, | |
445 | .content a.static,.block a.current.static {} | |
446 | .content span.keyword,.content a.keyword,.block a.current.keyword {} | |
447 | pre.rust .comment {} | |
448 | .content .highlighted.enum {} | |
449 | .content .highlighted.struct {} | |
450 | .content .highlighted.keyword {} | |
451 | .content span.traitalias,.content a.traitalias,.block a.current.traitalias {} | |
452 | .content span.fn,.content a.fn,.block a.current.fn,.content span.method,.content a.method, | |
453 | .block a.current.method,.content span.tymethod,.content a.tymethod,.block a.current.tymethod, | |
454 | .content .fnname {} | |
455 | pre.rust .kw {} | |
456 | pre.rust .self,pre.rust .bool-val,pre.rust .prelude-val,pre.rust .attribute, | |
457 | pre.rust .attribute .ident {} | |
458 | .content span.foreigntype,.content a.foreigntype,.block a.current.foreigntype {} | |
459 | pre.rust .doccomment {} | |
460 | .stab.deprecated {} | |
461 | .content .highlighted.attr,.content .highlighted.derive,.content .highlighted.macro {} | |
462 | .stab.portability {} | |
463 | .content .highlighted.union {} | |
464 | .content span.primitive,.content a.primitive,.block a.current.primitive {} | |
465 | .content span.externcrate,.content span.mod,.content a.mod,.block a.current.mod {} | |
466 | .content .highlighted.type {} | |
467 | pre.rust .kw-2,pre.rust .prelude-ty {} | |
468 | .content span.trait,.content a.trait,.block a.current.trait {} | |
469 | ||
470 | @media (max-width: 700px) { | |
471 | .sidebar-menu { | |
472 | background-color: #14191f; | |
473 | border-bottom-color: #5c6773; | |
474 | border-right-color: #5c6773; | |
475 | } | |
476 | ||
477 | .sidebar-elems { | |
478 | background-color: #14191f; | |
479 | border-right-color: #5c6773; | |
480 | } | |
481 | ||
482 | #sidebar-filler { | |
483 | background-color: #14191f; | |
484 | border-bottom-color: #5c6773; | |
485 | } | |
486 | } | |
487 | ||
488 | kbd { | |
489 | color: #c5c5c5; | |
490 | background-color: #314559; | |
491 | border-color: #5c6773; | |
492 | border-bottom-color: #5c6773; | |
493 | box-shadow-color: #c6cbd1; | |
494 | } | |
495 | ||
496 | #theme-picker, #settings-menu, .help-button { | |
497 | border-color: #5c6773; | |
498 | background-color: #0f1419; | |
1b1a35ee | 499 | color: #fff; |
3dfed10e XL |
500 | } |
501 | ||
502 | #theme-picker > img, #settings-menu > img { | |
503 | filter: invert(100); | |
504 | } | |
505 | ||
506 | #theme-picker:hover, #theme-picker:focus, | |
507 | #settings-menu:hover, #settings-menu:focus, | |
508 | .help-button:hover, .help-button:focus { | |
509 | border-color: #e0e0e0; | |
510 | } | |
511 | ||
512 | #theme-choices { | |
513 | border-color: #5c6773; | |
514 | background-color: #0f1419; | |
515 | } | |
516 | ||
517 | #theme-choices > button:not(:first-child) { | |
1b1a35ee | 518 | border-top-color: #5c6773; |
3dfed10e XL |
519 | } |
520 | ||
521 | #theme-choices > button:hover, #theme-choices > button:focus { | |
1b1a35ee | 522 | background-color: rgba(110, 110, 110, 0.33); |
3dfed10e XL |
523 | } |
524 | ||
525 | @media (max-width: 700px) { | |
526 | #theme-picker { | |
527 | background: #0f1419; | |
528 | } | |
529 | } | |
530 | ||
531 | #all-types { | |
532 | background-color: #14191f; | |
533 | } | |
534 | #all-types:hover { | |
535 | background-color: rgba(70, 70, 70, 0.33); | |
536 | } | |
537 | ||
538 | .search-results td span.alias { | |
539 | color: #c5c5c5; | |
540 | } | |
541 | .search-results td span.grey { | |
542 | color: #999; | |
543 | } | |
544 | ||
545 | #sidebar-toggle { | |
546 | background-color: #14191f; | |
547 | } | |
548 | #sidebar-toggle:hover { | |
549 | background-color: rgba(70, 70, 70, 0.33); | |
550 | } | |
551 | #source-sidebar { | |
552 | background-color: #14191f; | |
553 | } | |
554 | #source-sidebar > .title { | |
555 | color: #fff; | |
556 | border-bottom-color: #5c6773; | |
557 | } | |
558 | div.files > a:hover, div.name:hover { | |
559 | background-color: #14191f; | |
560 | color: #ffb44c; | |
561 | } | |
562 | div.files > .selected { | |
563 | background-color: #14191f; | |
564 | color: #ffb44c; | |
565 | } | |
566 | .setting-line > .title { | |
567 | border-bottom-color: #5c6773; | |
568 | } | |
569 | input:checked + .slider { | |
570 | background-color: #ffb454 !important; | |
571 | } |