src/librustdoc/html/static/css/themes/dark.css

   1 :root {
   2         --main-background-color: #353535;
   3         --main-color: #ddd;
   4         --settings-input-color: #2196f3;
   5         --settings-button-color: #000;
   6         --settings-button-border-focus: #ffb900;
   7         --sidebar-background-color: #505050;
   8         --sidebar-background-color-hover: #676767;
   9         --code-block-background-color: #2A2A2A;
  10         --scrollbar-track-background-color: #717171;
  11         --scrollbar-thumb-background-color: rgba(32, 34, 37, .6);
  12         --scrollbar-color: rgba(32,34,37,.6) #5a5a5a;
  13         --headings-border-bottom-color: #d2d2d2;
  14         --border-color: #e0e0e0;
  15         --button-background-color: #f0f0f0;
  16         --right-side-color: grey;
  17         --code-attribute-color: #999;
  18         --toggles-color: #999;
  19         --toggle-filter: invert(100%);
  20         --search-input-focused-border-color: #008dfd;
  21         --copy-path-button-color: #999;
  22         --copy-path-img-filter: invert(50%);
  23         --copy-path-img-hover-filter: invert(65%);
  24         --codeblock-error-hover-color: rgb(255, 0, 0);
  25         --codeblock-error-color: rgba(255, 0, 0, .5);
  26         --codeblock-ignore-hover-color: rgb(255, 142, 0);
  27         --codeblock-ignore-color: rgba(255, 142, 0, .6);
  28         --type-link-color: #2dbfb8;
  29         --trait-link-color: #b78cf2;
  30         --assoc-item-link-color: #d2991d;
  31         --function-link-color: #2bab63;
  32         --macro-link-color: #09bd00;
  33         --keyword-link-color: #d2991d;
  34         --mod-link-color:  #d2991d;
  35         --link-color: #d2991d;
  36         --sidebar-link-color: #fdbf35;
  37         --sidebar-current-link-background-color: #444;
  38         --search-result-link-focus-background-color: #616161;
  39         --search-result-border-color: #aaa3;
  40         --search-color: #111;
  41         --search-results-alias-color: #fff;
  42         --search-results-grey-color: #ccc;
  43         --stab-background-color: #314559;
  44         --stab-code-color: #e6e1cf;
  45         --code-highlight-kw-color: #ab8ac1;
  46         --code-highlight-kw-2-color: #769acb;
  47         --code-highlight-lifetime-color: #d97f26;
  48         --code-highlight-prelude-color: #769acb;
  49         --code-highlight-prelude-val-color: #ee6868;
  50         --code-highlight-number-color: #83a300;
  51         --code-highlight-string-color: #83a300;
  52         --code-highlight-literal-color: #ee6868;
  53         --code-highlight-attribute-color: #ee6868;
  54         --code-highlight-self-color: #ee6868;
  55         --code-highlight-macro-color: #3e999f;
  56         --code-highlight-question-mark-color: #ff9011;
  57         --code-highlight-comment-color: #8d8d8b;
  58         --code-highlight-doc-comment-color: #8ca375;
  59         --example-line-numbers-border-color: #4a4949;
  60         --src-line-numbers-span-color: #3b91e2;
  61         --src-line-number-highlighted-background-color: #0a042f;
  62         --test-arrow-color: #dedede;
  63         --test-arrow-background-color: rgba(78, 139, 202, 0.2);
  64         --test-arrow-hover-color: #dedede;
  65         --test-arrow-hover-background-color: #4e8bca;
  66         --target-background-color: #494a3d;
  67         --target-border-color: #bb7410;
  68         --tooltip-background-color: #000;
  69         --tooltip-color: #fff;
  70         --kbd-color: #000;
  71         --kbd-background: #fafbfc;
  72         --kbd-box-shadow-color: #c6cbd1;
  73         --rust-logo-filter: drop-shadow(1px 0 0px #fff)
  74                 drop-shadow(0 1px 0 #fff)
  75                 drop-shadow(-1px 0 0 #fff)
  76                 drop-shadow(0 -1px 0 #fff);
  77         /* match border-color; uses https://codepen.io/sosuke/pen/Pjoqqp */
  78         --crate-search-div-filter: invert(94%) sepia(0%) saturate(721%) hue-rotate(255deg)
  79                 brightness(90%) contrast(90%);
  80         --crate-search-div-hover-filter: invert(69%) sepia(60%) saturate(6613%) hue-rotate(184deg)
  81                 brightness(100%) contrast(91%);
  82         --crate-search-hover-border: #2196f3;
  83         --source-sidebar-background-selected: #333;
  84         --source-sidebar-background-hover: #444;
  85         --table-alt-row-background-color: #2A2A2A;
  86 }
  87
  88 .content .item-info::before { color: #ccc; }
  89
  90 body.source .example-wrap pre.rust a {
  91         background: #333;
  92 }
  93
  94 #titles > button:not(.selected) {
  95         background-color: #252525;
  96         border-top-color: #252525;
  97 }
  98
  99 #titles > button:hover, #titles > button.selected {
 100         border-top-color: #0089ff;
 101         background-color: #353535;
 102 }
 103
 104 #titles > button > div.count {
 105         color: #888;
 106 }
 107
 108 .scraped-example-list .scrape-help {
 109         border-color: #aaa;
 110         color: #eee;
 111 }
 112 .scraped-example-list .scrape-help:hover {
 113         border-color: white;
 114         color: white;
 115 }
 116 .scraped-example .example-wrap .rust span.highlight {
 117         background: rgb(91, 59, 1);
 118 }
 119 .scraped-example .example-wrap .rust span.highlight.focus {
 120         background: rgb(124, 75, 15);
 121 }
 122 .scraped-example:not(.expanded) .code-wrapper:before {
 123         background: linear-gradient(to bottom, rgba(53, 53, 53, 1), rgba(53, 53, 53, 0));
 124 }
 125 .scraped-example:not(.expanded) .code-wrapper:after {
 126         background: linear-gradient(to top, rgba(53, 53, 53, 1), rgba(53, 53, 53, 0));
 127 }
 128 .toggle-line-inner {
 129         background: #999;
 130 }
 131 .toggle-line:hover .toggle-line-inner {
 132         background: #c5c5c5;
 133 }