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

   1 /*
   2 Based off of the Ayu theme
   3 Original by Dempfi (https://github.com/dempfi/ayu)
   4 */
   5
   6 :root {
   7         --main-background-color: #0f1419;
   8         --main-color: #c5c5c5;
   9         --settings-input-color: #ffb454;
  10         --settings-button-color: #fff;
  11         --settings-button-border-focus: #e0e0e0;
  12         --sidebar-background-color: #14191f;
  13         --sidebar-background-color-hover: rgba(70, 70, 70, 0.33);
  14         --code-block-background-color: #191f26;
  15         --scrollbar-track-background-color: transparent;
  16         --scrollbar-thumb-background-color: #5c6773;
  17         --scrollbar-color: #5c6773 #24292f;
  18         --headings-border-bottom-color: #5c6773;
  19         --border-color: #5c6773;
  20         --button-background-color: #141920;
  21         --right-side-color: grey;
  22         --code-attribute-color: #999;
  23         --toggles-color: #999;
  24         --toggle-filter: invert(100%);
  25         --search-input-focused-border-color: #5c6773; /* Same as `--border-color`. */
  26         --copy-path-button-color: #fff;
  27         --copy-path-img-filter: invert(70%);
  28         --copy-path-img-hover-filter: invert(100%);
  29         --codeblock-error-hover-color: rgb(255, 0, 0);
  30         --codeblock-error-color: rgba(255, 0, 0, .5);
  31         --codeblock-ignore-hover-color: rgb(255, 142, 0);
  32         --codeblock-ignore-color: rgba(255, 142, 0, .6);
  33         --type-link-color: #ffa0a5;
  34         --trait-link-color: #39afd7;
  35         --assoc-item-link-color: #39afd7;
  36         --function-link-color: #fdd687;
  37         --macro-link-color: #a37acc;
  38         --keyword-link-color: #39afd7;
  39         --mod-link-color: #39afd7;
  40         --link-color: #39afd7;
  41         --sidebar-link-color: #53b1db;
  42         --sidebar-current-link-background-color: transparent;
  43         --search-result-link-focus-background-color: #3c3c3c;
  44         --search-result-border-color: #aaa3;
  45         --search-color: #fff;
  46         --search-results-alias-color: #c5c5c5;
  47         --search-results-grey-color: #999;
  48         --search-tab-title-count-color: #888;
  49         --stab-background-color: #314559;
  50         --stab-code-color: #e6e1cf;
  51         --code-highlight-kw-color: #ff7733;
  52         --code-highlight-kw-2-color: #ff7733;
  53         --code-highlight-lifetime-color: #ff7733;
  54         --code-highlight-prelude-color: #69f2df;
  55         --code-highlight-prelude-val-color: #ff7733;
  56         --code-highlight-number-color: #b8cc52;
  57         --code-highlight-string-color: #b8cc52;
  58         --code-highlight-literal-color: #ff7733;
  59         --code-highlight-attribute-color: #e6e1cf;
  60         --code-highlight-self-color: #36a3d9;
  61         --code-highlight-macro-color: #a37acc;
  62         --code-highlight-question-mark-color: #ff9011;
  63         --code-highlight-comment-color: #788797;
  64         --code-highlight-doc-comment-color: #a1ac88;
  65         --src-line-numbers-span-color: #5c6773;
  66         --src-line-number-highlighted-background-color: rgba(255, 236, 164, 0.06);
  67         --test-arrow-color: #788797;
  68         --test-arrow-background-color: rgba(57, 175, 215, 0.09);
  69         --test-arrow-hover-color: #c5c5c5;
  70         --test-arrow-hover-background-color: rgba(57, 175, 215, 0.368);
  71         --target-background-color: rgba(255, 236, 164, 0.06);
  72         --target-border-color: rgba(255, 180, 76, 0.85);
  73         --tooltip-background-color: #314559;
  74         --tooltip-color: #c5c5c5;
  75         --kbd-color: #c5c5c5;
  76         --kbd-background: #314559;
  77         --kbd-box-shadow-color: #5c6773;
  78         --rust-logo-filter: drop-shadow(1px 0 0px #fff)
  79                 drop-shadow(0 1px 0 #fff)
  80                 drop-shadow(-1px 0 0 #fff)
  81                 drop-shadow(0 -1px 0 #fff);
  82         /* match border-color; uses https://codepen.io/sosuke/pen/Pjoqqp */
  83         --crate-search-div-filter: invert(41%) sepia(12%) saturate(487%) hue-rotate(171deg)
  84                 brightness(94%) contrast(94%);
  85         --crate-search-div-hover-filter: invert(98%) sepia(12%) saturate(81%) hue-rotate(343deg)
  86                 brightness(113%) contrast(76%);
  87         --crate-search-hover-border: #e0e0e0;
  88         --source-sidebar-background-selected: #14191f;
  89         --source-sidebar-background-hover: #14191f;
  90         --table-alt-row-background-color: #191f26;
  91         --codeblock-link-background: #333;
  92         --scrape-example-toggle-line-background: #999;
  93         --scrape-example-toggle-line-hover-background: #c5c5c5;
  94         --scrape-example-code-line-highlight: rgb(91, 59, 1);
  95         --scrape-example-code-line-highlight-focus: rgb(124, 75, 15);
  96         --scrape-example-help-border-color: #aaa;
  97         --scrape-example-help-color: #eee;
  98         --scrape-example-help-hover-border-color: #fff;
  99         --scrape-example-help-hover-color: #fff;
 100         --scrape-example-code-wrapper-background-start: rgba(15, 20, 25, 1);
 101         --scrape-example-code-wrapper-background-end: rgba(15, 20, 25, 0);
 102 }
 103
 104 h1, h2, h3, h4 {
 105         color: white;
 106 }
 107 h1 a {
 108         color: #fff;
 109 }
 110 h4 {
 111         border: none;
 112 }
 113
 114 .docblock code {
 115         color: #ffb454;
 116 }
 117 .code-header {
 118         color: #e6e1cf;
 119 }
 120 .docblock pre > code, pre > code {
 121         color: #e6e1cf;
 122 }
 123 .item-info code {
 124         color: #e6e1cf;
 125 }
 126 .docblock a > code {
 127         color: #39AFD7 !important;
 128 }
 129 pre, .rustdoc.source .example-wrap {
 130         color: #e6e1cf;
 131 }
 132
 133 .sidebar .current,
 134 .sidebar a:hover {
 135         color: #ffb44c;
 136 }
 137
 138 .sidebar-elems .location {
 139         color: #ff7733;
 140 }
 141
 142 .src-line-numbers .line-highlighted {
 143         color: #708090;
 144         padding-right: 7px;
 145         border-right: 1px solid #ffb44c;
 146 }
 147
 148 .search-results a:hover {
 149         color: #fff !important;
 150         background-color: #3c3c3c;
 151 }
 152
 153 .search-results a:focus {
 154         color: #fff !important;
 155         background-color: #3c3c3c;
 156 }
 157 .search-results a {
 158         color: #0096cf;
 159 }
 160 .search-results a div.desc {
 161         color: #c5c5c5;
 162 }
 163
 164 .sidebar h2 a,
 165 .sidebar h3 a {
 166         color: white;
 167 }
 168
 169 .result-name .primitive > i, .result-name .keyword > i {
 170         color: #788797;
 171 }
 172
 173 #search-tabs > button.selected {
 174         background-color: #141920 !important;
 175         border-bottom: 1px solid #ffb44c !important;
 176         border-top: none;
 177 }
 178
 179 #search-tabs > button:not(.selected) {
 180         background-color: transparent !important;
 181         border: none;
 182 }
 183
 184 #search-tabs > button:hover {
 185         border-bottom: 1px solid rgba(242, 151, 24, 0.3);
 186 }
 187
 188 /* rules that this theme does not need to set, here to satisfy the rule checker */
 189 /* note that a lot of these are partially set in some way (meaning they are set
 190 individually rather than as a group) */
 191 /* FIXME: these rules should be at the bottom of the file but currently must be
 192 above the `@media (max-width: 700px)` rules due to a bug in the css checker */
 193 /* see https://github.com/rust-lang/rust/pull/71237#issuecomment-618170143 */
 194 #search-tabs > button:hover, #search-tabs > button.selected {}
 195
 196 #settings-menu > a img {
 197         filter: invert(100);
 198 }
 199
 200 #source-sidebar > .title {
 201         color: #fff;
 202 }
 203 #source-sidebar div.files > a:hover, details.dir-entry summary:hover,
 204 #source-sidebar div.files > a:focus, details.dir-entry summary:focus,
 205 #source-sidebar div.files > a.selected {
 206         color: #ffb44c;
 207 }