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