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

   1 /*
   2 Based off of the Ayu theme
   3 Original by Dempfi (https://github.com/dempfi/ayu)
   4 */
   5
   6 /* General structure and fonts */
   7
   8 body {
   9         background-color: #0f1419;
  10         color: #c5c5c5;
  11 }
  12
  13 h1, h2, h3:not(.impl):not(.method):not(.type):not(.tymethod),
  14 h4:not(.method):not(.type):not(.tymethod) {
  15         color: white;
  16 }
  17 h1.fqn {
  18         border-bottom-color: #5c6773;
  19 }
  20 h1.fqn  a {
  21         color: #fff;
  22 }
  23 h2, h3:not(.impl):not(.method):not(.type):not(.tymethod) {
  24         border-bottom-color: #5c6773;
  25 }
  26 h4:not(.method):not(.type):not(.tymethod):not(.associatedconstant) {
  27         border: none;
  28 }
  29
  30 .in-band {
  31         background-color: #0f1419;
  32 }
  33
  34 .invisible {
  35         background: rgba(0, 0, 0, 0);
  36 }
  37
  38 code {
  39         color: #ffb454;
  40 }
  41 h3 > code, h4 > code, h5 > code {
  42         color: #e6e1cf;
  43 }
  44 pre > code {
  45         color: #e6e1cf;
  46 }
  47 span code {
  48         color: #e6e1cf;
  49 }
  50 .docblock a > code {
  51         color: #39AFD7 !important;
  52 }
  53 .docblock code, .docblock-short code {
  54         background-color: #191f26;
  55 }
  56 pre, .rustdoc.source .example-wrap {
  57         color: #e6e1cf;
  58         background-color: #191f26;
  59 }
  60
  61 .sidebar {
  62         background-color: #14191f;
  63 }
  64
  65 .logo-container.rust-logo > img {
  66         filter: drop-shadow(1px 0 0px #fff)
  67                 drop-shadow(0 1px 0 #fff)
  68                 drop-shadow(-1px 0 0 #fff)
  69                 drop-shadow(0 -1px 0 #fff);
  70 }
  71
  72 /* Improve the scrollbar display on firefox */
  73 * {
  74         scrollbar-color: #5c6773 transparent;
  75 }
  76
  77 .sidebar {
  78         scrollbar-color: #5c6773 transparent;
  79 }
  80
  81 /* Improve the scrollbar display on webkit-based browsers */
  82 ::-webkit-scrollbar-track {
  83         background-color: transparent;
  84 }
  85 ::-webkit-scrollbar-thumb {
  86         background-color: #5c6773;
  87 }
  88 .sidebar::-webkit-scrollbar-track {
  89         background-color: transparent;
  90 }
  91 .sidebar::-webkit-scrollbar-thumb {
  92         background-color: #5c6773;
  93 }
  94
  95 .sidebar .current {
  96         background-color: transparent;
  97         color: #ffb44c;
  98 }
  99
 100 .source .sidebar {
 101         background-color: #0f1419;
 102 }
 103
 104 .sidebar .location {
 105         border-color: #000;
 106         background-color: #0f1419;
 107         color: #fff;
 108 }
 109
 110 .sidebar-elems .location {
 111         color: #ff7733;
 112 }
 113
 114 .sidebar-elems .location a {
 115         color: #fff;
 116 }
 117
 118 .sidebar .version {
 119         border-bottom-color: #424c57;
 120 }
 121
 122 .sidebar-title {
 123         border-top-color: #5c6773;
 124         border-bottom-color: #5c6773;
 125 }
 126
 127 .block a:hover {
 128         background: transparent;
 129         color: #ffb44c;
 130 }
 131
 132 .line-numbers span { color: #5c6773; }
 133 .line-numbers .line-highlighted {
 134         color: #708090;
 135         background-color: rgba(255, 236, 164, 0.06);
 136         padding-right: 4px;
 137         border-right: 1px solid #ffb44c;
 138 }
 139
 140 .docblock h1, .docblock h2, .docblock h3, .docblock h4, .docblock h5 {
 141         border-bottom-color: #5c6773;
 142 }
 143
 144 .docblock table, .docblock table td, .docblock table th {
 145         border-color: #5c6773;
 146 }
 147
 148 .content .method .where,
 149 .content .fn .where,
 150 .content .where.fmt-newline {
 151         color: #c5c5c5;
 152 }
 153
 154 .content .highlighted {
 155         color: #000 !important;
 156         background-color: #c6afb3;
 157 }
 158 .content .highlighted a, .content .highlighted span { color: #000 !important; }
 159 .content .highlighted {
 160         background-color: #c6afb3;
 161 }
 162 .search-results a {
 163         color: #0096cf;
 164 }
 165 .search-results a span.desc {
 166         color: #c5c5c5;
 167 }
 168
 169 .content .item-info::before { color: #ccc; }
 170
 171 .content span.foreigntype, .content a.foreigntype { color: #ef57ff; }
 172 .content span.union, .content a.union { color: #98a01c; }
 173 .content span.constant, .content a.constant,
 174 .content span.static, .content a.static { color: #6380a0; }
 175 .content span.primitive, .content a.primitive { color: #32889b; }
 176 .content span.traitalias, .content a.traitalias { color: #57d399; }
 177 .content span.keyword, .content a.keyword { color: #de5249; }
 178
 179 .content span.externcrate, .content span.mod, .content a.mod {
 180         color: #acccf9;
 181 }
 182 .content span.struct, .content a.struct {
 183         color: #ffa0a5;
 184 }
 185 .content span.enum, .content a.enum {
 186         color: #99e0c9;
 187 }
 188 .content span.trait, .content a.trait {
 189         color: #39AFD7;
 190 }
 191 .content span.type, .content a.type {
 192         color: #cfbcf5;
 193 }
 194 .content span.fn, .content a.fn, .content span.method,
 195 .content a.method, .content span.tymethod,
 196 .content a.tymethod, .content .fnname {
 197         color: #fdd687;
 198 }
 199 .content span.attr, .content a.attr, .content span.derive,
 200 .content a.derive, .content span.macro, .content a.macro {
 201         color: #a37acc;
 202 }
 203
 204 pre.rust .comment { color: #788797; }
 205 pre.rust .doccomment { color: #a1ac88; }
 206
 207 nav:not(.sidebar) {
 208         border-bottom-color: #424c57;
 209 }
 210 nav.main .current {
 211         border-top-color: #5c6773;
 212         border-bottom-color: #5c6773;
 213 }
 214 nav.main .separator {
 215         border: 1px solid #5c6773;
 216 }
 217 a {
 218         color: #c5c5c5;
 219 }
 220
 221 .docblock:not(.type-decl) a:not(.srclink):not(.test-arrow),
 222 .docblock-short a:not(.srclink):not(.test-arrow), .item-info a,
 223 #help a {
 224         color: #39AFD7;
 225 }
 226
 227 .collapse-toggle,
 228 details.rustdoc-toggle > summary.hideme > span,
 229 details.rustdoc-toggle > summary::before,
 230 details.undocumented > summary::before {
 231         color: #999;
 232 }
 233
 234 #crate-search {
 235         color: #c5c5c5;
 236         background-color: #141920;
 237         box-shadow: 0 0 0 1px #424c57,0 0 0 2px transparent;
 238         border-color: #424c57;
 239 }
 240
 241 .search-input {
 242         color: #ffffff;
 243         background-color: #141920;
 244         box-shadow: 0 0 0 1px #424c57,0 0 0 2px transparent;
 245         transition: box-shadow 150ms ease-in-out;
 246 }
 247
 248 #crate-search+.search-input:focus {
 249         box-shadow: 0 0 0 1px #148099,0 0 0 2px transparent;
 250 }
 251
 252 .search-focus:disabled {
 253         color: #929292;
 254 }
 255
 256 .module-item .stab,
 257 .import-item .stab {
 258         color: #000;
 259 }
 260
 261 .stab.unstable,
 262 .stab.deprecated,
 263 .stab.portability {
 264         color: #c5c5c5;
 265         background: #314559 !important;
 266         border-style: none !important;
 267         border-radius: 4px;
 268         padding: 3px 6px 3px 6px;
 269 }
 270
 271 .stab.portability > code {
 272         color: #e6e1cf;
 273         background: none;
 274 }
 275
 276 #help > div {
 277         background: #14191f;
 278         box-shadow: 0px 6px 20px 0px black;
 279         border: none;
 280         border-radius: 4px;
 281 }
 282
 283 #help > div > span {
 284         border-bottom-color: #5c6773;
 285 }
 286
 287 .since {
 288         color: grey;
 289 }
 290
 291 tr.result span.primitive::after, tr.result span.keyword::after {
 292         color: #788797;
 293 }
 294
 295 .line-numbers :target { background-color: transparent; }
 296
 297 /* Code highlighting */
 298 pre.rust .number, pre.rust .string { color: #b8cc52; }
 299 pre.rust .kw, pre.rust .kw-2, pre.rust .prelude-ty,
 300 pre.rust .bool-val, pre.rust .prelude-val,
 301 pre.rust .op, pre.rust .lifetime { color: #ff7733; }
 302 pre.rust .macro, pre.rust .macro-nonterminal { color: #a37acc; }
 303 pre.rust .question-mark {
 304         color: #ff9011;
 305 }
 306 pre.rust .self {
 307         color: #36a3d9;
 308         font-style: italic;
 309 }
 310 pre.rust .attribute {
 311         color: #e6e1cf;
 312 }
 313 pre.rust .attribute .ident, pre.rust .attribute .op {
 314         color: #e6e1cf;
 315 }
 316
 317 .example-wrap > pre.line-number {
 318         color: #5c67736e;
 319         border: none;
 320 }
 321
 322 a.test-arrow {
 323         font-size: 100%;
 324         color: #788797;
 325         border-radius: 4px;
 326         background-color: rgba(57, 175, 215, 0.09);
 327 }
 328
 329 a.test-arrow:hover {
 330         background-color: rgba(57, 175, 215, 0.368);
 331         color: #c5c5c5;
 332 }
 333
 334 .toggle-label,
 335 .code-attribute {
 336         color: #999;
 337 }
 338
 339 :target > code, :target > .in-band {
 340         background: rgba(255, 236, 164, 0.06);
 341         border-right: 3px solid rgba(255, 180, 76, 0.85);
 342 }
 343
 344 pre.compile_fail {
 345         border-left: 2px solid rgba(255,0,0,.4);
 346 }
 347
 348 pre.compile_fail:hover, .information:hover + pre.compile_fail {
 349         border-left: 2px solid #f00;
 350 }
 351
 352 pre.should_panic {
 353         border-left: 2px solid rgba(255,0,0,.4);
 354 }
 355
 356 pre.should_panic:hover, .information:hover + pre.should_panic {
 357         border-left: 2px solid #f00;
 358 }
 359
 360 pre.ignore {
 361         border-left: 2px solid rgba(255,142,0,.6);
 362 }
 363
 364 pre.ignore:hover, .information:hover + pre.ignore {
 365         border-left: 2px solid #ff9200;
 366 }
 367
 368 .tooltip.compile_fail {
 369         color: rgba(255,0,0,.5);
 370 }
 371
 372 .information > .compile_fail:hover {
 373         color: #f00;
 374 }
 375
 376 .tooltip.should_panic {
 377         color: rgba(255,0,0,.5);
 378 }
 379
 380 .information > .should_panic:hover {
 381         color: #f00;
 382 }
 383
 384 .tooltip.ignore {
 385         color: rgba(255,142,0,.6);
 386 }
 387
 388 .information > .ignore:hover {
 389         color: #ff9200;
 390 }
 391
 392 .search-failed a {
 393         color: #39AFD7;
 394 }
 395
 396 .tooltip::after {
 397         background-color: #314559;
 398         color: #c5c5c5;
 399         border: 1px solid #5c6773;
 400 }
 401
 402 .tooltip::before {
 403         border-color: transparent #314559 transparent transparent;
 404 }
 405
 406 .notable-traits-tooltiptext {
 407         background-color: #314559;
 408         border-color: #5c6773;
 409 }
 410
 411 #titles > button.selected {
 412         background-color: #141920 !important;
 413         border-bottom: 1px solid #ffb44c !important;
 414         border-top: none;
 415 }
 416
 417 #titles > button:not(.selected) {
 418         background-color: transparent !important;
 419         border: none;
 420 }
 421
 422 #titles > button:hover {
 423         border-bottom: 1px solid rgba(242, 151, 24, 0.3);
 424 }
 425
 426 #titles > button > div.count {
 427         color: #888;
 428 }
 429
 430 /* rules that this theme does not need to set, here to satisfy the rule checker */
 431 /* note that a lot of these are partially set in some way (meaning they are set
 432 individually rather than as a group) */
 433 /* FIXME: these rules should be at the bottom of the file but currently must be
 434 above the `@media (max-width: 700px)` rules due to a bug in the css checker */
 435 /* see https://github.com/rust-lang/rust/pull/71237#issuecomment-618170143 */
 436 .content .highlighted.mod, .content .highlighted.externcrate {}
 437 .search-input:focus {}
 438 .content span.attr,.content a.attr,.block a.current.attr,.content span.derive,.content a.derive,
 439 .block a.current.derive,.content span.macro,.content a.macro,.block a.current.macro {}
 440 .content .highlighted.trait {}
 441 .content span.struct,.content a.struct,.block a.current.struct {}
 442 #titles>button:hover,#titles>button.selected {}
 443 .content .highlighted.traitalias {}
 444 .content span.type,.content a.type,.block a.current.type {}
 445 .content span.union,.content a.union,.block a.current.union {}
 446 .content .highlighted.foreigntype {}
 447 pre.rust .lifetime {}
 448 .content .highlighted.primitive {}
 449 .content .highlighted.constant,.content .highlighted.static {}
 450 .stab.unstable {}
 451 .content .highlighted.fn,.content .highlighted.method,.content .highlighted.tymethod {}
 452 h2,h3:not(.impl):not(.method):not(.type):not(.tymethod),h4:not(.method):not(.type):not(.tymethod) {}
 453 .content span.enum,.content a.enum,.block a.current.enum {}
 454 .content span.constant,.content a.constant,.block a.current.constant,.content span.static,
 455 .content a.static,.block a.current.static {}
 456 .content span.keyword,.content a.keyword,.block a.current.keyword {}
 457 pre.rust .comment {}
 458 .content .highlighted.enum {}
 459 .content .highlighted.struct {}
 460 .content .highlighted.keyword {}
 461 .content span.traitalias,.content a.traitalias,.block a.current.traitalias {}
 462 .content span.fn,.content a.fn,.block a.current.fn,.content span.method,.content a.method,
 463 .block a.current.method,.content span.tymethod,.content a.tymethod,.block a.current.tymethod,
 464 .content .fnname {}
 465 pre.rust .kw {}
 466 pre.rust .self,pre.rust .bool-val,pre.rust .prelude-val,pre.rust .attribute,
 467 pre.rust .attribute .ident {}
 468 .content span.foreigntype,.content a.foreigntype,.block a.current.foreigntype {}
 469 pre.rust .doccomment {}
 470 .stab.deprecated {}
 471 .content .highlighted.attr,.content .highlighted.derive,.content .highlighted.macro {}
 472 .stab.portability {}
 473 .content .highlighted.union {}
 474 .content span.primitive,.content a.primitive,.block a.current.primitive {}
 475 .content span.externcrate,.content span.mod,.content a.mod,.block a.current.mod {}
 476 .content .highlighted.type {}
 477 pre.rust .kw-2,pre.rust .prelude-ty {}
 478 .content span.trait,.content a.trait,.block a.current.trait {}
 479
 480 @media (max-width: 700px) {
 481         .sidebar-menu {
 482                 background-color: #14191f;
 483                 border-bottom-color: #5c6773;
 484                 border-right-color: #5c6773;
 485         }
 486
 487         .sidebar-elems {
 488                 background-color: #14191f;
 489                 border-right-color: #5c6773;
 490         }
 491
 492         #sidebar-filler {
 493                 background-color: #14191f;
 494                 border-bottom-color: #5c6773;
 495         }
 496 }
 497
 498 kbd {
 499         color: #c5c5c5;
 500         background-color: #314559;
 501         border-color: #5c6773;
 502         border-bottom-color: #5c6773;
 503         box-shadow-color: #c6cbd1;
 504 }
 505
 506 #theme-picker, #settings-menu, #help-button, #copy-path {
 507         border-color: #5c6773;
 508         background-color: #0f1419;
 509         color: #fff;
 510 }
 511
 512 #theme-picker > img, #settings-menu > img, #copy-path > img {
 513         filter: invert(100);
 514 }
 515
 516 #theme-picker:hover, #theme-picker:focus,
 517 #settings-menu:hover, #settings-menu:focus,
 518 #help-button:hover, #help-button:focus,
 519 #copy-path:hover, #copy-path:focus {
 520         border-color: #e0e0e0;
 521 }
 522
 523 #theme-choices {
 524         border-color: #5c6773;
 525         background-color: #0f1419;
 526 }
 527
 528 #theme-choices > button:not(:first-child) {
 529         border-top-color: #5c6773;
 530 }
 531
 532 #theme-choices > button:hover, #theme-choices > button:focus {
 533         background-color: rgba(110, 110, 110, 0.33);
 534 }
 535
 536 @media (max-width: 700px) {
 537         #theme-picker {
 538                 background: #0f1419;
 539         }
 540 }
 541
 542 #all-types {
 543         background-color: #14191f;
 544 }
 545 #all-types:hover {
 546         background-color: rgba(70, 70, 70, 0.33);
 547 }
 548
 549 .search-results td span.alias {
 550         color: #c5c5c5;
 551 }
 552 .search-results td span.grey {
 553         color: #999;
 554 }
 555
 556 #sidebar-toggle {
 557         background-color: #14191f;
 558 }
 559 #sidebar-toggle:hover {
 560         background-color: rgba(70, 70, 70, 0.33);
 561 }
 562 #source-sidebar {
 563         background-color: #14191f;
 564 }
 565 #source-sidebar > .title {
 566         color: #fff;
 567         border-bottom-color: #5c6773;
 568 }
 569 div.files > a:hover, div.name:hover {
 570         background-color: #14191f;
 571         color: #ffb44c;
 572 }
 573 div.files > .selected {
 574         background-color: #14191f;
 575         color: #ffb44c;
 576 }
 577 .setting-line > .title {
 578         border-bottom-color: #5c6773;
 579 }
 580 input:checked + .slider {
 581         background-color: #ffb454 !important;
 582 }