/* Based off of the Ayu theme Original by Dempfi (https://github.com/dempfi/ayu) */ :root { --main-background-color: #0f1419; --main-color: #c5c5c5; --settings-input-color: #ffb454; --sidebar-background-color: #14191f; --sidebar-background-color-hover: rgba(70, 70, 70, 0.33); --code-block-background-color: #191f26; --scrollbar-track-background-color: transparent; --scrollbar-thumb-background-color: #5c6773; --scrollbar-color: #5c6773 #24292f; --headings-border-bottom-color: #5c6773; --border-color: #5c6773; --button-background-color: #141920; --right-side-color: grey; --code-attribute-color: #999; --toggles-color: #999; --search-input-focused-border-color: #5c6773; /* Same as `--border-color`. */ --copy-path-button-color: #fff; --copy-path-img-filter: invert(70%); --copy-path-img-hover-filter: invert(100%); --codeblock-error-hover-color: rgb(255, 0, 0); --codeblock-error-color: rgba(255, 0, 0, .5); --codeblock-ignore-hover-color: rgb(255, 142, 0); --codeblock-ignore-color: rgba(255, 142, 0, .6); --type-link-color: #ffa0a5; --trait-link-color: #39afd7; --assoc-item-link-color: #39afd7; --function-link-color: #fdd687; --macro-link-color: #a37acc; --keyword-link-color: #39afd7; --mod-link-color: #39afd7; --link-color: #39afd7; --sidebar-link-color: #53b1db; --sidebar-current-link-background-color: transparent; --search-result-link-focus-background-color: #3c3c3c; --search-result-border-color: #aaa3; --stab-background-color: #314559; --stab-code-color: #e6e1cf; --search-color: #fff; --code-highlight-kw-color: #ff7733; --code-highlight-kw-2-color: #ff7733; --code-highlight-lifetime-color: #ff7733; --code-highlight-prelude-color: #69f2df; --code-highlight-prelude-val-color: #ff7733; --code-highlight-number-color: #b8cc52; --code-highlight-string-color: #b8cc52; --code-highlight-literal-color: #ff7733; --code-highlight-attribute-color: #e6e1cf; --code-highlight-self-color: #36a3d9; --code-highlight-macro-color: #a37acc; --code-highlight-question-mark-color: #ff9011; --code-highlight-comment-color: #788797; --code-highlight-doc-comment-color: #a1ac88; --example-line-numbers-border-color: none; --src-line-numbers-span-color: #5c6773; --src-line-number-highlighted-background-color: rgba(255, 236, 164, 0.06); --test-arrow-color: #788797; --test-arrow-background-color: rgba(57, 175, 215, 0.09); --test-arrow-hover-color: #c5c5c5; --test-arrow-hover-background-color: rgba(57, 175, 215, 0.368); --rust-logo-filter: drop-shadow(1px 0 0px #fff) drop-shadow(0 1px 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 -1px 0 #fff); } .slider { background-color: #ccc; } .slider:before { background-color: white; } input:focus + .slider { box-shadow: 0 0 0 2px #0a84ff, 0 0 0 6px rgba(10, 132, 255, 0.3); } h1, h2, h3, h4 { color: white; } h1 a { color: #fff; } h4 { border: none; } .docblock code { color: #ffb454; } .code-header { color: #e6e1cf; } .docblock pre > code, pre > code { color: #e6e1cf; } .item-info code { color: #e6e1cf; } .docblock a > code { color: #39AFD7 !important; } pre, .rustdoc.source .example-wrap { color: #e6e1cf; } .sidebar .current, .sidebar a:hover { color: #ffb44c; } .sidebar-elems .location { color: #ff7733; } .src-line-numbers .line-highlighted { color: #708090; padding-right: 4px; border-right: 1px solid #ffb44c; } .search-results a:hover { color: #fff !important; background-color: #3c3c3c; } .search-results a:focus { color: #fff !important; background-color: #3c3c3c; } .search-results a { color: #0096cf; } .search-results a div.desc { color: #c5c5c5; } .content .item-info::before { color: #ccc; } .sidebar h2 a, .sidebar h3 a { color: white; } body.source .example-wrap pre.rust a { background: #333; } details.rustdoc-toggle > summary::before { filter: invert(100%); } #crate-search-div::after { /* match border-color; uses https://codepen.io/sosuke/pen/Pjoqqp */ filter: invert(41%) sepia(12%) saturate(487%) hue-rotate(171deg) brightness(94%) contrast(94%); } #crate-search:hover, #crate-search:focus { border-color: #e0e0e0 !important; } #crate-search-div:hover::after, #crate-search-div:focus-within::after { filter: invert(98%) sepia(12%) saturate(81%) hue-rotate(343deg) brightness(113%) contrast(76%); } .module-item .stab, .import-item .stab { color: #000; } .result-name .primitive > i, .result-name .keyword > i { color: #788797; } :target { background: rgba(255, 236, 164, 0.06); border-right: 3px solid rgba(255, 180, 76, 0.85); } .search-failed a { color: #39AFD7; } .tooltip::after { background-color: #314559; color: #c5c5c5; } .tooltip::before { border-color: transparent #314559 transparent transparent; } .notable-traits-tooltiptext { background-color: #314559; } #titles > button.selected { background-color: #141920 !important; border-bottom: 1px solid #ffb44c !important; border-top: none; } #titles > button:not(.selected) { background-color: transparent !important; border: none; } #titles > button:hover { border-bottom: 1px solid rgba(242, 151, 24, 0.3); } #titles > button > div.count { color: #888; } /* rules that this theme does not need to set, here to satisfy the rule checker */ /* note that a lot of these are partially set in some way (meaning they are set individually rather than as a group) */ /* FIXME: these rules should be at the bottom of the file but currently must be above the `@media (max-width: 700px)` rules due to a bug in the css checker */ /* see https://github.com/rust-lang/rust/pull/71237#issuecomment-618170143 */ pre.rust .lifetime {} pre.rust .kw {} #titles > button:hover, #titles > button.selected {} pre.rust .self, pre.rust .bool-val, pre.rust .prelude-val, pre.rust .attribute {} pre.rust .kw-2, pre.rust .prelude-ty {} kbd { color: #c5c5c5; background-color: #314559; box-shadow: inset 0 -1px 0 #5c6773; } #settings-menu > a, #help-button > a { color: #fff; } #settings-menu > a img { filter: invert(100); } #settings-menu > a:hover, #settings-menu > a:focus, #help-button > a:hover, #help-button > a:focus { border-color: #e0e0e0; } .search-results .result-name span.alias { color: #c5c5c5; } .search-results .result-name span.grey { color: #999; } #source-sidebar > .title { color: #fff; } #source-sidebar div.files > a:hover, details.dir-entry summary:hover, #source-sidebar div.files > a:focus, details.dir-entry summary:focus { background-color: #14191f; color: #ffb44c; } #source-sidebar div.files > a.selected { background-color: #14191f; color: #ffb44c; } .scraped-example-list .scrape-help { border-color: #aaa; color: #eee; } .scraped-example-list .scrape-help:hover { border-color: white; color: white; } .scraped-example .example-wrap .rust span.highlight { background: rgb(91, 59, 1); } .scraped-example .example-wrap .rust span.highlight.focus { background: rgb(124, 75, 15); } .scraped-example:not(.expanded) .code-wrapper:before { background: linear-gradient(to bottom, rgba(15, 20, 25, 1), rgba(15, 20, 25, 0)); } .scraped-example:not(.expanded) .code-wrapper:after { background: linear-gradient(to top, rgba(15, 20, 25, 1), rgba(15, 20, 25, 0)); } .toggle-line-inner { background: #999; } .toggle-line:hover .toggle-line-inner { background: #c5c5c5; }