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