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

   1 :root {
   2         --main-background-color: white;
   3         --main-color: black;
   4         --settings-input-color: #2196f3;
   5         --sidebar-background-color: #F5F5F5;
   6         --sidebar-background-color-hover: #E0E0E0;
   7         --code-block-background-color: #F5F5F5;
   8         --scrollbar-track-background-color: #dcdcdc;
   9         --scrollbar-thumb-background-color: rgba(36, 37, 39, 0.6);
  10         --scrollbar-color: rgba(36, 37, 39, 0.6) #d9d9d9;
  11         --headings-border-bottom-color: #ddd;
  12         --border-color: #e0e0e0;
  13         --button-background-color: #fff;
  14         --right-side-color: grey;
  15         --code-attribute-color: #999;
  16         --toggles-color: #999;
  17         --search-input-focused-border-color: #66afe9;
  18         --copy-path-button-color: #999;
  19         --copy-path-img-filter: invert(50%);
  20         --copy-path-img-hover-filter: invert(35%);
  21         --codeblock-error-hover-color: rgb(255, 0, 0);
  22         --codeblock-error-color: rgba(255, 0, 0, .5);
  23         --codeblock-ignore-hover-color: rgb(255, 142, 0);
  24         --codeblock-ignore-color: rgba(255, 142, 0, .6);
  25         --type-link-color: #ad378a;
  26         --trait-link-color: #6e4fc9;
  27         --assoc-item-link-color: #3873ad;
  28         --function-link-color: #ad7c37;
  29         --macro-link-color: #068000;
  30         --keyword-link-color: #3873ad;
  31         --mod-link-color: #3873ad;
  32         --link-color: #3873ad;
  33         --sidebar-link-color: #356da4;
  34         --sidebar-current-link-background-color: #fff;
  35         --search-result-link-focus-background-color: #ccc;
  36         --search-result-border-color: #aaa3;
  37         --stab-background-color: #fff5d6;
  38         --stab-code-color: #000;
  39         --search-color: #000;
  40         --code-highlight-kw-color: #8959a8;
  41         --code-highlight-kw-2-color: #4271ae;
  42         --code-highlight-lifetime-color: #b76514;
  43         --code-highlight-prelude-color: #4271ae;
  44         --code-highlight-prelude-val-color: #c82829;
  45         --code-highlight-number-color: #718c00;
  46         --code-highlight-string-color: #718c00;
  47         --code-highlight-literal-color: #c82829;
  48         --code-highlight-attribute-color: #c82829;
  49         --code-highlight-self-color: #c82829;
  50         --code-highlight-macro-color: #3e999f;
  51         --code-highlight-question-mark-color: #ff9011;
  52         --code-highlight-comment-color: #8e908c;
  53         --code-highlight-doc-comment-color: #4d4d4c;
  54         --example-line-numbers-border-color: #c7c7c7;
  55         --src-line-numbers-span-color: #c67e2d;
  56         --src-line-number-highlighted-background-color: #fdffd3;
  57         --test-arrow-color: #f5f5f5;
  58         --test-arrow-background-color: rgba(78, 139, 202, 0.2);
  59         --test-arrow-hover-color: #f5f5f5;
  60         --test-arrow-hover-background-color: #4e8bca;
  61         --target-background-color: #fdffd3;
  62         --target-border-color: #ad7c37;
  63         --tooltip-background-color: #fdffd3;
  64         --tooltip-color: #fff;
  65         --rust-logo-filter: initial;
  66         /* match border-color; uses https://codepen.io/sosuke/pen/Pjoqqp */
  67         --crate-search-div-filter: invert(100%) sepia(0%) saturate(4223%) hue-rotate(289deg)
  68                 brightness(114%) contrast(76%);
  69         --crate-search-div-hover-filter: invert(44%) sepia(18%) saturate(23%) hue-rotate(317deg)
  70                 brightness(96%) contrast(93%);
  71         --crate-search-hover-border: #717171;
  72 }
  73
  74 .content .item-info::before { color: #ccc; }
  75
  76 body.source .example-wrap pre.rust a {
  77         background: #eee;
  78 }
  79
  80 #titles > button:not(.selected) {
  81         background-color: #e6e6e6;
  82         border-top-color: #e6e6e6;
  83 }
  84
  85 #titles > button:hover, #titles > button.selected {
  86         background-color: #ffffff;
  87         border-top-color: #0089ff;
  88 }
  89
  90 #titles > button > div.count {
  91         color: #888;
  92 }
  93
  94 kbd {
  95         color: #000;
  96         background-color: #fafbfc;
  97         box-shadow: inset 0 -1px 0 #c6cbd1;
  98 }
  99
 100 #settings-menu > a, #help-button > a {
 101         color: #000;
 102 }
 103
 104 #settings-menu > a:hover, #settings-menu > a:focus,
 105 #help-button > a:hover, #help-button > a:focus {
 106         border-color: #717171;
 107 }
 108
 109 .search-results .result-name span.alias {
 110         color: #000;
 111 }
 112 .search-results .result-name span.grey {
 113         color: #999;
 114 }
 115
 116 #source-sidebar div.files > a:hover, details.dir-entry summary:hover,
 117 #source-sidebar div.files > a:focus, details.dir-entry summary:focus {
 118         background-color: #E0E0E0;
 119 }
 120 #source-sidebar div.files > a.selected {
 121         background-color: #fff;
 122 }
 123 .scraped-example-list .scrape-help {
 124         border-color: #555;
 125         color: #333;
 126 }
 127 .scraped-example-list .scrape-help:hover {
 128         border-color: black;
 129         color: black;
 130 }
 131 .scraped-example .example-wrap .rust span.highlight {
 132         background: #fcffd6;
 133 }
 134 .scraped-example .example-wrap .rust span.highlight.focus {
 135         background: #f6fdb0;
 136 }
 137 .scraped-example:not(.expanded) .code-wrapper:before {
 138         background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 139 }
 140 .scraped-example:not(.expanded) .code-wrapper:after {
 141         background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 142 }
 143 .toggle-line-inner {
 144         background: #ccc;
 145 }
 146 .toggle-line:hover .toggle-line-inner {
 147         background: #999;
 148 }