mirror of
https://github.com/rust-lang/rust.git
synced 2026-04-27 18:57:42 +03:00
Guillaume Gomez
247 lines
9.3 KiB
CSS
247 lines
9.3 KiB
CSS
/*
|
|
This whole CSS file is used only in case rustdoc is rendered with javascript disabled. Since a lot
|
|
of content is hidden by default (depending on the settings too), we have to overwrite some of the
|
|
rules.
|
|
*/
|
|
|
|
#main-content .attributes {
|
|
/* Since there is no toggle (the "[-]") when JS is disabled, no need for this margin either. */
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
#copy-path, #sidebar-button, .sidebar-resizer {
|
|
/* It requires JS to work so no need to display it in this case. */
|
|
display: none !important;
|
|
}
|
|
|
|
nav.sub {
|
|
/* The search bar and related controls don't work without JS */
|
|
display: none;
|
|
}
|
|
|
|
.src .sidebar {
|
|
display: none;
|
|
}
|
|
|
|
.notable-traits {
|
|
/* layout requires javascript
|
|
https://github.com/rust-lang/rust/issues/102576 */
|
|
display: none;
|
|
}
|
|
|
|
/* Begin: styles for themes
|
|
Keep the default light and dark themes synchronized with the ones
|
|
in rustdoc.css */
|
|
|
|
/* Begin theme: light */
|
|
:root, :root:not([data-theme]) {
|
|
--main-background-color: white;
|
|
--main-color: black;
|
|
--settings-input-color: #2196f3;
|
|
--settings-input-border-color: #717171;
|
|
--settings-button-color: #000;
|
|
--settings-button-border-focus: #717171;
|
|
--sidebar-background-color: #f5f5f5;
|
|
--sidebar-background-color-hover: #e0e0e0;
|
|
--code-block-background-color: #f5f5f5;
|
|
--scrollbar-track-background-color: #dcdcdc;
|
|
--scrollbar-thumb-background-color: rgba(36, 37, 39, 0.6);
|
|
--scrollbar-color: rgba(36, 37, 39, 0.6) #d9d9d9;
|
|
--headings-border-bottom-color: #ddd;
|
|
--border-color: #e0e0e0;
|
|
--button-background-color: #fff;
|
|
--right-side-color: grey;
|
|
--code-attribute-color: #999;
|
|
--toggles-color: #999;
|
|
--toggle-filter: none;
|
|
--mobile-sidebar-menu-filter: none;
|
|
--search-input-focused-border-color: #66afe9;
|
|
--copy-path-button-color: #999;
|
|
--copy-path-img-filter: invert(50%);
|
|
--copy-path-img-hover-filter: invert(35%);
|
|
--code-example-button-color: #7f7f7f;
|
|
--code-example-button-hover-color: #595959;
|
|
--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);
|
|
--warning-border-color: #ff8e00;
|
|
--type-link-color: #ad378a;
|
|
--trait-link-color: #6e4fc9;
|
|
--assoc-item-link-color: #3873ad;
|
|
--function-link-color: #ad7c37;
|
|
--macro-link-color: #068000;
|
|
--keyword-link-color: #3873ad;
|
|
--mod-link-color: #3873ad;
|
|
--link-color: #3873ad;
|
|
--sidebar-link-color: #356da4;
|
|
--sidebar-current-link-background-color: #fff;
|
|
--search-result-link-focus-background-color: #ccc;
|
|
--search-result-border-color: #aaa3;
|
|
--search-color: #000;
|
|
--search-error-code-background-color: #d0cccc;
|
|
--search-results-alias-color: #000;
|
|
--search-results-grey-color: #999;
|
|
--search-tab-title-count-color: #888;
|
|
--search-tab-button-not-selected-border-top-color: #e6e6e6;
|
|
--search-tab-button-not-selected-background: #e6e6e6;
|
|
--search-tab-button-selected-border-top-color: #0089ff;
|
|
--search-tab-button-selected-background: #fff;
|
|
--settings-menu-filter: none;
|
|
--stab-background-color: #fff5d6;
|
|
--stab-code-color: #000;
|
|
--code-highlight-kw-color: #8959a8;
|
|
--code-highlight-kw-2-color: #4271ae;
|
|
--code-highlight-lifetime-color: #b76514;
|
|
--code-highlight-prelude-color: #4271ae;
|
|
--code-highlight-prelude-val-color: #c82829;
|
|
--code-highlight-number-color: #718c00;
|
|
--code-highlight-string-color: #718c00;
|
|
--code-highlight-literal-color: #c82829;
|
|
--code-highlight-attribute-color: #c82829;
|
|
--code-highlight-self-color: #c82829;
|
|
--code-highlight-macro-color: #3e999f;
|
|
--code-highlight-question-mark-color: #ff9011;
|
|
--code-highlight-comment-color: #8e908c;
|
|
--code-highlight-doc-comment-color: #4d4d4c;
|
|
--src-line-numbers-span-color: #c67e2d;
|
|
--src-line-number-highlighted-background-color: #fdffd3;
|
|
--target-background-color: #fdffd3;
|
|
--target-border-color: #ad7c37;
|
|
--kbd-color: #000;
|
|
--kbd-background: #fafbfc;
|
|
--kbd-box-shadow-color: #c6cbd1;
|
|
--rust-logo-filter: initial;
|
|
/* match border-color; uses https://codepen.io/sosuke/pen/Pjoqqp */
|
|
--crate-search-div-filter: invert(100%) sepia(0%) saturate(4223%) hue-rotate(289deg)
|
|
brightness(114%) contrast(76%);
|
|
--crate-search-div-hover-filter: invert(44%) sepia(18%) saturate(23%) hue-rotate(317deg)
|
|
brightness(96%) contrast(93%);
|
|
--crate-search-hover-border: #717171;
|
|
--src-sidebar-background-selected: #fff;
|
|
--src-sidebar-background-hover: #e0e0e0;
|
|
--table-alt-row-background-color: #f5f5f5;
|
|
--codeblock-link-background: #eee;
|
|
--scrape-example-toggle-line-background: #ccc;
|
|
--scrape-example-toggle-line-hover-background: #999;
|
|
--scrape-example-code-line-highlight: #fcffd6;
|
|
--scrape-example-code-line-highlight-focus: #f6fdb0;
|
|
--scrape-example-help-border-color: #555;
|
|
--scrape-example-help-color: #333;
|
|
--scrape-example-help-hover-border-color: #000;
|
|
--scrape-example-help-hover-color: #000;
|
|
--scrape-example-code-wrapper-background-start: rgba(255, 255, 255, 1);
|
|
--scrape-example-code-wrapper-background-end: rgba(255, 255, 255, 0);
|
|
--sidebar-resizer-hover: hsl(207, 90%, 66%);
|
|
--sidebar-resizer-active: hsl(207, 90%, 54%);
|
|
}
|
|
/* End theme: light */
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
/* Begin theme: dark */
|
|
:root, :root:not([data-theme]) {
|
|
--main-background-color: #353535;
|
|
--main-color: #ddd;
|
|
--settings-input-color: #2196f3;
|
|
--settings-input-border-color: #999;
|
|
--settings-button-color: #000;
|
|
--settings-button-border-focus: #ffb900;
|
|
--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;
|
|
--toggle-filter: invert(100%);
|
|
--mobile-sidebar-menu-filter: invert(100%);
|
|
--search-input-focused-border-color: #008dfd;
|
|
--copy-path-button-color: #999;
|
|
--copy-path-img-filter: invert(50%);
|
|
--copy-path-img-hover-filter: invert(65%);
|
|
--code-example-button-color: #7f7f7f;
|
|
--code-example-button-hover-color: #a5a5a5;
|
|
--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);
|
|
--warning-border-color: #ff8e00;
|
|
--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;
|
|
--search-color: #111;
|
|
--search-error-code-background-color: #484848;
|
|
--search-results-alias-color: #fff;
|
|
--search-results-grey-color: #ccc;
|
|
--search-tab-title-count-color: #888;
|
|
--search-tab-button-not-selected-border-top-color: #252525;
|
|
--search-tab-button-not-selected-background: #252525;
|
|
--search-tab-button-selected-border-top-color: #0089ff;
|
|
--search-tab-button-selected-background: #353535;
|
|
--stab-background-color: #314559;
|
|
--stab-code-color: #e6e1cf;
|
|
--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;
|
|
--src-line-numbers-span-color: #3b91e2;
|
|
--src-line-number-highlighted-background-color: #0a042f;
|
|
--target-background-color: #494a3d;
|
|
--target-border-color: #bb7410;
|
|
--kbd-color: #000;
|
|
--kbd-background: #fafbfc;
|
|
--kbd-box-shadow-color: #c6cbd1;
|
|
--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(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;
|
|
--src-sidebar-background-selected: #333;
|
|
--src-sidebar-background-hover: #444;
|
|
--table-alt-row-background-color: #2a2a2a;
|
|
--codeblock-link-background: #333;
|
|
--scrape-example-toggle-line-background: #999;
|
|
--scrape-example-toggle-line-hover-background: #c5c5c5;
|
|
--scrape-example-code-line-highlight: #5b3b01;
|
|
--scrape-example-code-line-highlight-focus: #7c4b0f;
|
|
--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(53, 53, 53, 1);
|
|
--scrape-example-code-wrapper-background-end: rgba(53, 53, 53, 0);
|
|
--sidebar-resizer-hover: hsl(207, 30%, 54%);
|
|
--sidebar-resizer-active: hsl(207, 90%, 54%);
|
|
}
|
|
/* End theme: dark */
|
|
}
|