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);
30 --type-link-color: #ffa0a5;
31 --trait-link-color: #39afd7;
32 --assoc-item-link-color: #39afd7;
33 --function-link-color: #fdd687;
34 --macro-link-color: #a37acc;
35 --keyword-link-color: #39afd7;
36 --mod-link-color: #39afd7;
37 --link-color: #39afd7;
38 --sidebar-link-color: #53b1db;
39 --sidebar-current-link-background-color: transparent;
40 --search-result-link-focus-background-color: #3c3c3c;
41 --search-result-border-color: #aaa3;
42 --stab-background-color: #314559;
43 --stab-code-color: #e6e1cf;
45 --code-highlight-kw-color: #ff7733;
46 --code-highlight-kw-2-color: #ff7733;
47 --code-highlight-lifetime-color: #ff7733;
48 --code-highlight-prelude-color: #69f2df;
49 --code-highlight-prelude-val-color: #ff7733;
50 --code-highlight-number-color: #b8cc52;
51 --code-highlight-string-color: #b8cc52;
52 --code-highlight-literal-color: #ff7733;
53 --code-highlight-attribute-color: #e6e1cf;
54 --code-highlight-self-color: #36a3d9;
55 --code-highlight-macro-color: #a37acc;
56 --code-highlight-question-mark-color: #ff9011;
57 --code-highlight-comment-color: #788797;
58 --code-highlight-doc-comment-color: #a1ac88;
59 --example-line-numbers-border-color: none;
60 --src-line-numbers-span-color: #5c6773;
61 --src-line-number-highlighted-background-color: rgba(255, 236, 164, 0.06);
62 --test-arrow-color: #788797;
63 --test-arrow-background-color: rgba(57, 175, 215, 0.09);
64 --test-arrow-hover-color: #c5c5c5;
65 --test-arrow-hover-background-color: rgba(57, 175, 215, 0.368);
66 --target-background-color: rgba(255, 236, 164, 0.06);
67 --target-border-color: rgba(255, 180, 76, 0.85);
68 --tooltip-background-color: #314559;
69 --tooltip-color: #c5c5c5;
70 --rust-logo-filter: drop-shadow(1px 0 0px #fff)
71 drop-shadow(0 1px 0 #fff)
72 drop-shadow(-1px 0 0 #fff)
73 drop-shadow(0 -1px 0 #fff);
74 /* match border-color; uses https://codepen.io/sosuke/pen/Pjoqqp */
75 --crate-search-div-filter: invert(41%) sepia(12%) saturate(487%) hue-rotate(171deg)
76 brightness(94%) contrast(94%);
77 --crate-search-div-hover-filter: invert(98%) sepia(12%) saturate(81%) hue-rotate(343deg)
78 brightness(113%) contrast(76%);
79 --crate-search-hover-border: #e0e0e0;
98 .docblock pre > code, pre > code {
105 color: #39AFD7 !important;
107 pre, .rustdoc.source .example-wrap {
116 .sidebar-elems .location {
120 .src-line-numbers .line-highlighted {
123 border-right: 1px solid #ffb44c;
126 .search-results a:hover {
127 color: #fff !important;
128 background-color: #3c3c3c;
131 .search-results a:focus {
132 color: #fff !important;
133 background-color: #3c3c3c;
138 .search-results a div.desc {
142 .content .item-info::before { color: #ccc; }
148 body.source .example-wrap pre.rust a {
152 details.rustdoc-toggle > summary::before {
153 filter: invert(100%);
161 .result-name .primitive > i, .result-name .keyword > i {
165 #titles > button.selected {
166 background-color: #141920 !important;
167 border-bottom: 1px solid #ffb44c !important;
171 #titles > button:not(.selected) {
172 background-color: transparent !important;
176 #titles > button:hover {
177 border-bottom: 1px solid rgba(242, 151, 24, 0.3);
180 #titles > button > div.count {
184 /* rules that this theme does not need to set, here to satisfy the rule checker */
185 /* note that a lot of these are partially set in some way (meaning they are set
186 individually rather than as a group) */
187 /* FIXME: these rules should be at the bottom of the file but currently must be
188 above the `@media (max-width: 700px)` rules due to a bug in the css checker */
189 /* see https://github.com/rust-lang/rust/pull/71237#issuecomment-618170143 */
190 pre.rust .lifetime {}
192 #titles > button:hover, #titles > button.selected {}
193 pre.rust .self, pre.rust .bool-val, pre.rust .prelude-val, pre.rust .attribute {}
194 pre.rust .kw-2, pre.rust .prelude-ty {}
198 background-color: #314559;
199 box-shadow: inset 0 -1px 0 #5c6773;
202 #settings-menu > a, #help-button > a {
206 #settings-menu > a img {
210 #settings-menu > a:hover, #settings-menu > a:focus,
211 #help-button > a:hover, #help-button > a:focus {
212 border-color: #e0e0e0;
215 .search-results .result-name span.alias {
218 .search-results .result-name span.grey {
222 #source-sidebar > .title {
225 #source-sidebar div.files > a:hover, details.dir-entry summary:hover,
226 #source-sidebar div.files > a:focus, details.dir-entry summary:focus {
227 background-color: #14191f;
230 #source-sidebar div.files > a.selected {
231 background-color: #14191f;
235 .scraped-example-list .scrape-help {
239 .scraped-example-list .scrape-help:hover {
243 .scraped-example .example-wrap .rust span.highlight {
244 background: rgb(91, 59, 1);
246 .scraped-example .example-wrap .rust span.highlight.focus {
247 background: rgb(124, 75, 15);
249 .scraped-example:not(.expanded) .code-wrapper:before {
250 background: linear-gradient(to bottom, rgba(15, 20, 25, 1), rgba(15, 20, 25, 0));
252 .scraped-example:not(.expanded) .code-wrapper:after {
253 background: linear-gradient(to top, rgba(15, 20, 25, 1), rgba(15, 20, 25, 0));
258 .toggle-line:hover .toggle-line-inner {