2 Based off of the Ayu theme
3 Original by Dempfi (https://github.com/dempfi/ayu)
7 --main-background-color: #0f1419;
9 --settings-input-color: #ffb454;
10 --sidebar-background-color: #14191f;
11 --sidebar-background-color-hover: rgba(70, 70, 70, 0.33);
12 --code-block-background-color: #191f26;
13 --scrollbar-track-background-color: transparent;
14 --scrollbar-thumb-background-color: #5c6773;
15 --scrollbar-color: #5c6773 #24292f;
16 --headings-border-bottom-color: #5c6773;
17 --border-color: #5c6773;
18 --button-background-color: #141920;
19 --right-side-color: grey;
20 --code-attribute-color: #999;
21 --toggles-color: #999;
22 --search-input-focused-border-color: #5c6773; /* Same as `--border-color`. */
23 --copy-path-button-color: #fff;
24 --copy-path-img-filter: invert(70%);
25 --copy-path-img-hover-filter: invert(100%);
26 --codeblock-error-hover-color: rgb(255, 0, 0);
27 --codeblock-error-color: rgba(255, 0, 0, .5);
28 --codeblock-ignore-hover-color: rgb(255, 142, 0);
29 --codeblock-ignore-color: rgba(255, 142, 0, .6);
33 background-color: #ccc;
36 background-color: white;
38 input:focus + .slider {
39 box-shadow: 0 0 0 2px #0a84ff, 0 0 0 6px rgba(10, 132, 255, 0.3);
58 .docblock pre > code, pre > code {
65 color: #39AFD7 !important;
67 pre, .rustdoc.source .example-wrap {
72 filter: drop-shadow(1px 0 0px #fff)
73 drop-shadow(0 1px 0 #fff)
74 drop-shadow(-1px 0 0 #fff)
75 drop-shadow(0 -1px 0 #fff);
80 background-color: transparent;
84 .sidebar-elems .location {
88 .line-numbers span { color: #5c6773; }
89 .line-numbers .line-highlighted {
91 background-color: rgba(255, 236, 164, 0.06);
93 border-right: 1px solid #ffb44c;
96 .search-results a:hover {
97 color: #fff !important;
98 background-color: #3c3c3c;
101 .search-results a:focus {
102 color: #fff !important;
103 background-color: #3c3c3c;
108 .search-results a div.desc {
112 .content .item-info::before { color: #ccc; }
114 .content span.foreigntype, .content a.foreigntype { color: #ffa0a5; }
115 .content span.union, .content a.union { color: #ffa0a5; }
116 .content span.constant, .content a.constant,
117 .content span.static, .content a.static { color: #39AFD7; }
118 .content span.primitive, .content a.primitive { color: #ffa0a5; }
119 .content span.traitalias, .content a.traitalias { color: #39AFD7; }
120 .content span.keyword, .content a.keyword { color: #39AFD7; }
122 .content span.externcrate, .content span.mod, .content a.mod {
125 .content span.struct, .content a.struct {
128 .content span.enum, .content a.enum {
131 .content span.trait, .content a.trait {
134 .content span.type, .content a.type {
139 .block a.current.type { color: #39AFD7; }
140 .content span.associatedtype,
141 .content a.associatedtype,
142 .block a.current.associatedtype { color: #39AFD7; }
143 .content span.fn, .content a.fn, .content span.method,
144 .content a.method, .content span.tymethod,
145 .content a.tymethod, .content .fnname {
148 .content span.attr, .content a.attr, .content span.derive,
149 .content a.derive, .content span.macro, .content a.macro {
153 .sidebar a { color: #53b1db; }
154 .sidebar a.current.type { color: #53b1db; }
155 .sidebar a.current.associatedtype { color: #53b1db; }
157 pre.rust .comment { color: #788797; }
158 pre.rust .doccomment { color: #a1ac88; }
168 body.source .example-wrap pre.rust a {
172 details.rustdoc-toggle > summary::before {
173 filter: invert(100%);
176 #crate-search-div::after {
177 /* match border-color; uses https://codepen.io/sosuke/pen/Pjoqqp */
178 filter: invert(41%) sepia(12%) saturate(487%) hue-rotate(171deg) brightness(94%) contrast(94%);
180 #crate-search:hover, #crate-search:focus {
181 border-color: #e0e0e0 !important;
183 #crate-search-div:hover::after, #crate-search-div:focus-within::after {
184 filter: invert(98%) sepia(12%) saturate(81%) hue-rotate(343deg) brightness(113%) contrast(76%);
198 background: #314559 !important;
201 .stab.portability > code {
206 .result-name .primitive > i, .result-name .keyword > i {
210 .line-numbers :target { background-color: transparent; }
212 /* Code highlighting */
213 pre.rust .number, pre.rust .string { color: #b8cc52; }
214 pre.rust .kw, pre.rust .kw-2, pre.rust .prelude-ty,
215 pre.rust .bool-val, pre.rust .prelude-val,
216 pre.rust .lifetime { color: #ff7733; }
217 pre.rust .macro, pre.rust .macro-nonterminal { color: #a37acc; }
218 pre.rust .question-mark {
225 pre.rust .attribute {
229 .example-wrap > pre.line-number {
238 background-color: rgba(57, 175, 215, 0.09);
242 background-color: rgba(57, 175, 215, 0.368);
247 background: rgba(255, 236, 164, 0.06);
248 border-right: 3px solid rgba(255, 180, 76, 0.85);
256 background-color: #314559;
261 border-color: transparent #314559 transparent transparent;
264 .notable-traits-tooltiptext {
265 background-color: #314559;
268 #titles > button.selected {
269 background-color: #141920 !important;
270 border-bottom: 1px solid #ffb44c !important;
274 #titles > button:not(.selected) {
275 background-color: transparent !important;
279 #titles > button:hover {
280 border-bottom: 1px solid rgba(242, 151, 24, 0.3);
283 #titles > button > div.count {
287 /* rules that this theme does not need to set, here to satisfy the rule checker */
288 /* note that a lot of these are partially set in some way (meaning they are set
289 individually rather than as a group) */
290 /* FIXME: these rules should be at the bottom of the file but currently must be
291 above the `@media (max-width: 700px)` rules due to a bug in the css checker */
292 /* see https://github.com/rust-lang/rust/pull/71237#issuecomment-618170143 */
293 .content span.attr,.content a.attr,.block a.current.attr,.content span.derive,.content a.derive,
294 .block a.current.derive,.content span.macro,.content a.macro,.block a.current.macro {}
295 .content span.struct,.content a.struct,.block a.current.struct {}
296 #titles>button:hover,#titles>button.selected {}
297 .content span.typedef,.content a.typedef,.block a.current.typedef {}
298 .content span.union,.content a.union,.block a.current.union {}
299 pre.rust .lifetime {}
302 h3:not(.impl):not(.method):not(.type):not(.tymethod), h4:not(.method):not(.type):not(.tymethod) {}
303 .content span.enum,.content a.enum,.block a.current.enum {}
304 .content span.constant,.content a.constant,.block a.current.constant,.content span.static,
305 .content a.static, .block a.current.static {}
306 .content span.keyword,.content a.keyword,.block a.current.keyword {}
307 .content span.traitalias,.content a.traitalias,.block a.current.traitalias {}
308 .content span.fn,.content a.fn,.block a.current.fn,.content span.method,.content a.method,
309 .block a.current.method,.content span.tymethod,.content a.tymethod,.block a.current.tymethod,
312 pre.rust .self,pre.rust .bool-val,pre.rust .prelude-val,pre.rust .attribute {}
313 .content span.foreigntype,.content a.foreigntype,.block a.current.foreigntype {}
315 .content a.attr,.content a.derive,.content a.macro {}
317 .content span.primitive,.content a.primitive,.block a.current.primitive {}
318 .content span.externcrate,.content span.mod,.content a.mod,.block a.current.mod {}
319 pre.rust .kw-2,pre.rust .prelude-ty {}
320 .content span.trait,.content a.trait,.block a.current.trait {}
322 .search-results a:focus span {}
323 a.result-trait:focus {}
324 a.result-traitalias:focus {}
326 a.result-externcrate:focus {}
327 a.result-mod:focus {}
328 a.result-externcrate:focus {}
329 a.result-enum:focus {}
330 a.result-struct:focus {}
331 a.result-union:focus {}
333 a.result-method:focus,
334 a.result-tymethod:focus {}
335 a.result-type:focus {}
336 a.result-associatedtype:focus {}
337 a.result-foreigntype:focus {}
339 a.result-derive:focus,
340 a.result-macro:focus {}
341 a.result-constant:focus,
342 a.result-static:focus {}
343 a.result-primitive:focus {}
344 a.result-keyword:focus {}
346 .sidebar a.current.enum {}
347 .sidebar a.current.struct {}
348 .sidebar a.current.foreigntype {}
349 .sidebar a.current.attr,
350 .sidebar a.current.derive,
351 .sidebar a.current.macro {}
352 .sidebar a.current.union {}
353 .sidebar a.current.constant
354 .sidebar a.current.static {}
355 .sidebar a.current.primitive {}
356 .sidebar a.current.externcrate
357 .sidebar a.current.mod {}
358 .sidebar a.current.trait {}
359 .sidebar a.current.traitalias {}
360 .sidebar a.current.fn,
361 .sidebar a.current.method,
362 .sidebar a.current.tymethod {}
363 .sidebar a.current.keyword {}
367 background-color: #314559;
368 box-shadow: inset 0 -1px 0 #5c6773;
371 #settings-menu > a, #help-button > button {
375 #settings-menu > a img {
379 #settings-menu > a:hover, #settings-menu > a:focus,
380 #help-button > button:hover, #help-button > button:focus {
381 border-color: #e0e0e0;
384 .search-results .result-name span.alias {
387 .search-results .result-name span.grey {
391 #source-sidebar > .title {
394 #source-sidebar div.files > a:hover, details.dir-entry summary:hover,
395 #source-sidebar div.files > a:focus, details.dir-entry summary:focus {
396 background-color: #14191f;
399 #source-sidebar div.files > a.selected {
400 background-color: #14191f;
404 .scraped-example-list .scrape-help {
408 .scraped-example-list .scrape-help:hover {
412 .scraped-example .example-wrap .rust span.highlight {
413 background: rgb(91, 59, 1);
415 .scraped-example .example-wrap .rust span.highlight.focus {
416 background: rgb(124, 75, 15);
418 .scraped-example:not(.expanded) .code-wrapper:before {
419 background: linear-gradient(to bottom, rgba(15, 20, 25, 1), rgba(15, 20, 25, 0));
421 .scraped-example:not(.expanded) .code-wrapper:after {
422 background: linear-gradient(to top, rgba(15, 20, 25, 1), rgba(15, 20, 25, 0));
427 .toggle-line:hover .toggle-line-inner {