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 --settings-button-color: #fff;
11 --settings-button-border-focus: #e0e0e0;
12 --sidebar-background-color: #14191f;
13 --sidebar-background-color-hover: rgba(70, 70, 70, 0.33);
14 --code-block-background-color: #191f26;
15 --scrollbar-track-background-color: transparent;
16 --scrollbar-thumb-background-color: #5c6773;
17 --scrollbar-color: #5c6773 #24292f;
18 --headings-border-bottom-color: #5c6773;
19 --border-color: #5c6773;
20 --button-background-color: #141920;
21 --right-side-color: grey;
22 --code-attribute-color: #999;
23 --toggles-color: #999;
24 --toggle-filter: invert(100%);
25 --search-input-focused-border-color: #5c6773; /* Same as `--border-color`. */
26 --copy-path-button-color: #fff;
27 --copy-path-img-filter: invert(70%);
28 --copy-path-img-hover-filter: invert(100%);
29 --codeblock-error-hover-color: rgb(255, 0, 0);
30 --codeblock-error-color: rgba(255, 0, 0, .5);
31 --codeblock-ignore-hover-color: rgb(255, 142, 0);
32 --codeblock-ignore-color: rgba(255, 142, 0, .6);
33 --type-link-color: #ffa0a5;
34 --trait-link-color: #39afd7;
35 --assoc-item-link-color: #39afd7;
36 --function-link-color: #fdd687;
37 --macro-link-color: #a37acc;
38 --keyword-link-color: #39afd7;
39 --mod-link-color: #39afd7;
40 --link-color: #39afd7;
41 --sidebar-link-color: #53b1db;
42 --sidebar-current-link-background-color: transparent;
43 --search-result-link-focus-background-color: #3c3c3c;
44 --search-result-border-color: #aaa3;
46 --search-results-alias-color: #c5c5c5;
47 --search-results-grey-color: #999;
48 --search-tab-title-count-color: #888;
49 --search-tab-button-not-selected-border-top-color: none;
50 --search-tab-button-not-selected-background: transparent !important;
51 --search-tab-button-selected-border-top-color: none;
52 --search-tab-button-selected-background: #141920 !important;
53 --stab-background-color: #314559;
54 --stab-code-color: #e6e1cf;
55 --code-highlight-kw-color: #ff7733;
56 --code-highlight-kw-2-color: #ff7733;
57 --code-highlight-lifetime-color: #ff7733;
58 --code-highlight-prelude-color: #69f2df;
59 --code-highlight-prelude-val-color: #ff7733;
60 --code-highlight-number-color: #b8cc52;
61 --code-highlight-string-color: #b8cc52;
62 --code-highlight-literal-color: #ff7733;
63 --code-highlight-attribute-color: #e6e1cf;
64 --code-highlight-self-color: #36a3d9;
65 --code-highlight-macro-color: #a37acc;
66 --code-highlight-question-mark-color: #ff9011;
67 --code-highlight-comment-color: #788797;
68 --code-highlight-doc-comment-color: #a1ac88;
69 --src-line-numbers-span-color: #5c6773;
70 --src-line-number-highlighted-background-color: rgba(255, 236, 164, 0.06);
71 --test-arrow-color: #788797;
72 --test-arrow-background-color: rgba(57, 175, 215, 0.09);
73 --test-arrow-hover-color: #c5c5c5;
74 --test-arrow-hover-background-color: rgba(57, 175, 215, 0.368);
75 --target-background-color: rgba(255, 236, 164, 0.06);
76 --target-border-color: rgba(255, 180, 76, 0.85);
77 --tooltip-background-color: #314559;
78 --tooltip-color: #c5c5c5;
80 --kbd-background: #314559;
81 --kbd-box-shadow-color: #5c6773;
82 --rust-logo-filter: drop-shadow(1px 0 0px #fff)
83 drop-shadow(0 1px 0 #fff)
84 drop-shadow(-1px 0 0 #fff)
85 drop-shadow(0 -1px 0 #fff);
86 /* match border-color; uses https://codepen.io/sosuke/pen/Pjoqqp */
87 --crate-search-div-filter: invert(41%) sepia(12%) saturate(487%) hue-rotate(171deg)
88 brightness(94%) contrast(94%);
89 --crate-search-div-hover-filter: invert(98%) sepia(12%) saturate(81%) hue-rotate(343deg)
90 brightness(113%) contrast(76%);
91 --crate-search-hover-border: #e0e0e0;
92 --source-sidebar-background-selected: #14191f;
93 --source-sidebar-background-hover: #14191f;
94 --table-alt-row-background-color: #191f26;
95 --codeblock-link-background: #333;
96 --scrape-example-toggle-line-background: #999;
97 --scrape-example-toggle-line-hover-background: #c5c5c5;
98 --scrape-example-code-line-highlight: rgb(91, 59, 1);
99 --scrape-example-code-line-highlight-focus: rgb(124, 75, 15);
100 --scrape-example-help-border-color: #aaa;
101 --scrape-example-help-color: #eee;
102 --scrape-example-help-hover-border-color: #fff;
103 --scrape-example-help-hover-color: #fff;
104 --scrape-example-code-wrapper-background-start: rgba(15, 20, 25, 1);
105 --scrape-example-code-wrapper-background-end: rgba(15, 20, 25, 0);
124 .docblock pre > code, pre > code {
131 color: #39AFD7 !important;
133 pre, .rustdoc.source .example-wrap {
142 .sidebar-elems .location {
146 .src-line-numbers .line-highlighted {
149 border-right: 1px solid #ffb44c;
152 .search-results a:hover {
153 color: #fff !important;
154 background-color: #3c3c3c;
157 .search-results a:focus {
158 color: #fff !important;
159 background-color: #3c3c3c;
164 .search-results a div.desc {
173 .result-name .primitive > i, .result-name .keyword > i {
177 #search-tabs > button.selected {
178 border-bottom: 1px solid #ffb44c !important;
181 #search-tabs > button:not(.selected) {
183 background-color: transparent !important;
185 #search-tabs > button:hover {
186 border-bottom: 1px solid rgba(242, 151, 24, 0.3);
189 #settings-menu > a img {
193 #source-sidebar > .title {
196 #source-sidebar div.files > a:hover, details.dir-entry summary:hover,
197 #source-sidebar div.files > a:focus, details.dir-entry summary:focus,
198 #source-sidebar div.files > a.selected {