2022-11-08 10:33:31 +01:00
|
|
|
:root {
|
|
|
|
--main-background-color: #353535;
|
|
|
|
--main-color: #ddd;
|
|
|
|
--settings-input-color: #2196f3;
|
|
|
|
--sidebar-background-color: #505050;
|
|
|
|
--sidebar-background-color-hover: #676767;
|
|
|
|
--code-block-background-color: #2A2A2A;
|
|
|
|
--scrollbar-track-background-color: #717171;
|
|
|
|
--scrollbar-thumb-background-color: rgba(32, 34, 37, .6);
|
|
|
|
--scrollbar-color: rgba(32,34,37,.6) #5a5a5a;
|
|
|
|
--headings-border-bottom-color: #d2d2d2;
|
|
|
|
--border-color: #e0e0e0;
|
|
|
|
--button-background-color: #f0f0f0;
|
|
|
|
--right-side-color: grey;
|
|
|
|
--code-attribute-color: #999;
|
|
|
|
--toggles-color: #999;
|
|
|
|
--search-input-focused-border-color: #008dfd;
|
|
|
|
--copy-path-button-color: #999;
|
|
|
|
--copy-path-img-filter: invert(50%);
|
|
|
|
--copy-path-img-hover-filter: invert(65%);
|
|
|
|
--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: #2dbfb8;
|
|
|
|
--trait-link-color: #b78cf2;
|
|
|
|
--assoc-item-link-color: #d2991d;
|
|
|
|
--function-link-color: #2bab63;
|
|
|
|
--macro-link-color: #09bd00;
|
|
|
|
--keyword-link-color: #d2991d;
|
|
|
|
--mod-link-color: #d2991d;
|
|
|
|
--link-color: #d2991d;
|
|
|
|
--sidebar-link-color: #fdbf35;
|
|
|
|
--sidebar-current-link-background-color: #444;
|
|
|
|
--search-result-link-focus-background-color: #616161;
|
|
|
|
--search-result-border-color: #aaa3;
|
|
|
|
--stab-background-color: #314559;
|
|
|
|
--stab-code-color: #e6e1cf;
|
|
|
|
--search-color: #111;
|
|
|
|
--code-highlight-kw-color: #ab8ac1;
|
|
|
|
--code-highlight-kw-2-color: #769acb;
|
|
|
|
--code-highlight-lifetime-color: #d97f26;
|
|
|
|
--code-highlight-prelude-color: #769acb;
|
|
|
|
--code-highlight-prelude-val-color: #ee6868;
|
|
|
|
--code-highlight-number-color: #83a300;
|
|
|
|
--code-highlight-string-color: #83a300;
|
|
|
|
--code-highlight-literal-color: #ee6868;
|
|
|
|
--code-highlight-attribute-color: #ee6868;
|
|
|
|
--code-highlight-self-color: #ee6868;
|
|
|
|
--code-highlight-macro-color: #3e999f;
|
|
|
|
--code-highlight-question-mark-color: #ff9011;
|
|
|
|
--code-highlight-comment-color: #8d8d8b;
|
|
|
|
--code-highlight-doc-comment-color: #8ca375;
|
|
|
|
--example-line-numbers-border-color: #4a4949;
|
|
|
|
--src-line-numbers-span-color: #3b91e2;
|
|
|
|
--src-line-number-highlighted-background-color: #0a042f;
|
|
|
|
--test-arrow-color: #dedede;
|
|
|
|
--test-arrow-background-color: rgba(78, 139, 202, 0.2);
|
|
|
|
--test-arrow-hover-color: #dedede;
|
|
|
|
--test-arrow-hover-background-color: #4e8bca;
|
2022-11-12 14:34:14 +01:00
|
|
|
--target-background-color: #494a3d;
|
|
|
|
--target-border-color: #bb7410;
|
2022-11-08 10:33:31 +01:00
|
|
|
--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);
|
2022-11-12 14:34:14 +01:00
|
|
|
/* match border-color; uses https://codepen.io/sosuke/pen/Pjoqqp */
|
|
|
|
--crate-search-div-filter: invert(94%) sepia(0%) saturate(721%) hue-rotate(255deg)
|
|
|
|
brightness(90%) contrast(90%);
|
|
|
|
--crate-search-div-hover-filter: invert(69%) sepia(60%) saturate(6613%) hue-rotate(184deg)
|
|
|
|
brightness(100%) contrast(91%);
|
|
|
|
--crate-search-hover-border: #2196f3;
|
2022-11-08 10:33:31 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.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);
|
|
|
|
}
|
|
|
|
|
|
|
|
.content .item-info::before { color: #ccc; }
|
|
|
|
|
|
|
|
body.source .example-wrap pre.rust a {
|
|
|
|
background: #333;
|
|
|
|
}
|
|
|
|
|
|
|
|
details.rustdoc-toggle > summary::before {
|
|
|
|
filter: invert(100%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.search-failed a {
|
|
|
|
color: #0089ff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tooltip::after {
|
|
|
|
background-color: #000;
|
|
|
|
color: #fff;
|
|
|
|
border-color: #000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tooltip::before {
|
|
|
|
border-color: transparent black transparent transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.notable-traits-tooltiptext {
|
|
|
|
background-color: #111;
|
|
|
|
}
|
|
|
|
|
|
|
|
#titles > button:not(.selected) {
|
|
|
|
background-color: #252525;
|
|
|
|
border-top-color: #252525;
|
|
|
|
}
|
|
|
|
|
|
|
|
#titles > button:hover, #titles > button.selected {
|
|
|
|
border-top-color: #0089ff;
|
|
|
|
background-color: #353535;
|
|
|
|
}
|
|
|
|
|
|
|
|
#titles > button > div.count {
|
|
|
|
color: #888;
|
|
|
|
}
|
|
|
|
|
|
|
|
kbd {
|
|
|
|
color: #000;
|
|
|
|
background-color: #fafbfc;
|
|
|
|
box-shadow: inset 0 -1px 0 #c6cbd1;
|
|
|
|
}
|
|
|
|
|
|
|
|
#settings-menu > a, #help-button > a {
|
|
|
|
color: #000;
|
|
|
|
}
|
|
|
|
|
|
|
|
#settings-menu > a:hover, #settings-menu > a:focus,
|
|
|
|
#help-button > a:hover, #help-button > a:focus {
|
|
|
|
border-color: #ffb900;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search-results .result-name span.alias {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
.search-results .result-name span.grey {
|
|
|
|
color: #ccc;
|
|
|
|
}
|
|
|
|
|
|
|
|
#source-sidebar div.files > a:hover, details.dir-entry summary:hover,
|
|
|
|
#source-sidebar div.files > a:focus, details.dir-entry summary:focus {
|
|
|
|
background-color: #444;
|
|
|
|
}
|
|
|
|
#source-sidebar div.files > a.selected {
|
|
|
|
background-color: #333;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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(53, 53, 53, 1), rgba(53, 53, 53, 0));
|
|
|
|
}
|
|
|
|
.scraped-example:not(.expanded) .code-wrapper:after {
|
|
|
|
background: linear-gradient(to top, rgba(53, 53, 53, 1), rgba(53, 53, 53, 0));
|
|
|
|
}
|
|
|
|
.toggle-line-inner {
|
|
|
|
background: #999;
|
|
|
|
}
|
|
|
|
.toggle-line:hover .toggle-line-inner {
|
|
|
|
background: #c5c5c5;
|
|
|
|
}
|