| /* |
| 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; |
| --settings-button-color: #fff; |
| --settings-button-border-focus: #e0e0e0; |
| --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; |
| --toggle-filter: invert(100%); |
| --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; |
| --search-color: #fff; |
| --search-error-code-background-color: #4f4c4c; |
| --search-results-alias-color: #c5c5c5; |
| --search-results-grey-color: #999; |
| --search-tab-title-count-color: #888; |
| --search-tab-button-not-selected-border-top-color: none; |
| --search-tab-button-not-selected-background: transparent !important; |
| --search-tab-button-selected-border-top-color: none; |
| --search-tab-button-selected-background: #141920 !important; |
| --stab-background-color: #314559; |
| --stab-code-color: #e6e1cf; |
| --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; |
| --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); |
| --target-background-color: rgba(255, 236, 164, 0.06); |
| --target-border-color: rgba(255, 180, 76, 0.85); |
| --kbd-color: #c5c5c5; |
| --kbd-background: #314559; |
| --kbd-box-shadow-color: #5c6773; |
| --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); |
| /* match border-color; uses https://codepen.io/sosuke/pen/Pjoqqp */ |
| --crate-search-div-filter: invert(41%) sepia(12%) saturate(487%) hue-rotate(171deg) |
| brightness(94%) contrast(94%); |
| --crate-search-div-hover-filter: invert(98%) sepia(12%) saturate(81%) hue-rotate(343deg) |
| brightness(113%) contrast(76%); |
| --crate-search-hover-border: #e0e0e0; |
| --source-sidebar-background-selected: #14191f; |
| --source-sidebar-background-hover: #14191f; |
| --table-alt-row-background-color: #191f26; |
| --codeblock-link-background: #333; |
| --scrape-example-toggle-line-background: #999; |
| --scrape-example-toggle-line-hover-background: #c5c5c5; |
| --scrape-example-code-line-highlight: rgb(91, 59, 1); |
| --scrape-example-code-line-highlight-focus: rgb(124, 75, 15); |
| --scrape-example-help-border-color: #aaa; |
| --scrape-example-help-color: #eee; |
| --scrape-example-help-hover-border-color: #fff; |
| --scrape-example-help-hover-color: #fff; |
| --scrape-example-code-wrapper-background-start: rgba(15, 20, 25, 1); |
| --scrape-example-code-wrapper-background-end: rgba(15, 20, 25, 0); |
| } |
| |
| h1, h2, h3, h4, |
| h1 a, .sidebar h2 a, .sidebar h3 a, |
| #source-sidebar > .title { |
| color: #fff; |
| } |
| h4 { |
| border: none; |
| } |
| |
| .docblock code { |
| color: #ffb454; |
| } |
| .docblock a > code { |
| color: #39AFD7 !important; |
| } |
| .code-header, |
| .docblock pre > code, |
| pre, pre > code, |
| .item-info code, |
| .rustdoc.source .example-wrap { |
| color: #e6e1cf; |
| } |
| |
| .sidebar .current, |
| .sidebar a:hover, |
| #source-sidebar div.files > a:hover, details.dir-entry summary:hover, |
| #source-sidebar div.files > a:focus, details.dir-entry summary:focus, |
| #source-sidebar div.files > a.selected { |
| color: #ffb44c; |
| } |
| |
| .sidebar-elems .location { |
| color: #ff7733; |
| } |
| |
| .src-line-numbers .line-highlighted { |
| color: #708090; |
| padding-right: 7px; |
| border-right: 1px solid #ffb44c; |
| } |
| |
| .search-results a:hover, |
| .search-results a:focus { |
| color: #fff !important; |
| background-color: #3c3c3c; |
| } |
| |
| .search-results a { |
| color: #0096cf; |
| } |
| .search-results a div.desc { |
| color: #c5c5c5; |
| } |
| |
| .result-name .primitive > i, .result-name .keyword > i { |
| color: #788797; |
| } |
| |
| #search-tabs > button.selected { |
| border-bottom: 1px solid #ffb44c !important; |
| border-top: none; |
| } |
| #search-tabs > button:not(.selected) { |
| border: none; |
| background-color: transparent !important; |
| } |
| #search-tabs > button:hover { |
| border-bottom: 1px solid rgba(242, 151, 24, 0.3); |
| } |
| |
| #settings-menu > a img { |
| filter: invert(100); |
| } |