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