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

   1 body, #settings-menu #settings, #settings-menu #settings::before {
   2         background-color: #353535;
   3         color: #ddd;
   4 }
   5
   6 .setting-line .radio-line input {
   7         border-color: #ddd;
   8 }
   9 .setting-line .radio-line input:checked {
  10         box-shadow: inset 0 0 0 3px #353535;
  11         background-color: #2196f3;
  12 }
  13 .setting-line .radio-line input:focus {
  14         box-shadow: 0 0 1px 1px #2196f3;
  15 }
  16 /* In here we combine both `:focus` and `:checked` properties. */
  17 .setting-line .radio-line input:checked:focus {
  18         box-shadow: inset 0 0 0 3px #353535,
  19                 0 0 2px 2px #2196f3;
  20 }
  21 .setting-line .radio-line input:hover {
  22         border-color: #2196f3 !important;
  23 }
  24
  25 .slider {
  26         background-color: #ccc;
  27 }
  28 .slider:before {
  29         background-color: white;
  30 }
  31 input:checked + .slider {
  32         background-color: #2196F3;
  33 }
  34 input:focus + .slider {
  35         box-shadow: 0 0 0 2px #0a84ff, 0 0 0 6px rgba(10, 132, 255, 0.3);
  36 }
  37
  38 h1, h2, h3, h4 {
  39         color: #ddd;
  40 }
  41 h1.fqn {
  42         border-bottom-color: #d2d2d2;
  43 }
  44 h2, h3, h4 {
  45         border-bottom-color: #d2d2d2;
  46 }
  47
  48 .in-band {
  49         background-color: #353535;
  50 }
  51
  52 .invisible {
  53         background: rgba(0, 0, 0, 0);
  54 }
  55
  56 .docblock code, .docblock-short code {
  57         background-color: #2A2A2A;
  58 }
  59 pre, .rustdoc.source .example-wrap {
  60         background-color: #2A2A2A;
  61 }
  62
  63 .sidebar, .mobile-topbar, .sidebar-menu-toggle {
  64         background-color: #505050;
  65 }
  66
  67 .rust-logo {
  68         filter: drop-shadow(1px 0 0px #fff)
  69                 drop-shadow(0 1px 0 #fff)
  70                 drop-shadow(-1px 0 0 #fff)
  71                 drop-shadow(0 -1px 0 #fff)
  72 }
  73
  74 /* Improve the scrollbar display on firefox */
  75 * {
  76         scrollbar-color: rgb(64, 65, 67) #717171;
  77 }
  78 .sidebar {
  79         scrollbar-color: rgba(32,34,37,.6) #5a5a5a;
  80 }
  81
  82 /* Improve the scrollbar display on webkit-based browsers */
  83 ::-webkit-scrollbar-track {
  84         background-color: #717171;
  85 }
  86 ::-webkit-scrollbar-thumb {
  87         background-color: rgba(32, 34, 37, .6);
  88 }
  89 .sidebar::-webkit-scrollbar-track {
  90         background-color: #717171;
  91 }
  92 .sidebar::-webkit-scrollbar-thumb {
  93         background-color: rgba(32, 34, 37, .6);
  94 }
  95
  96 .sidebar .current,
  97 .sidebar a:hover {
  98         background: #444;
  99 }
 100
 101 .source .sidebar {
 102         background-color: #565656;
 103 }
 104
 105 .line-numbers span { color: #3B91E2; }
 106 .line-numbers .line-highlighted {
 107         background-color: #0a042f !important;
 108 }
 109
 110 .docblock h1, .docblock h2, .docblock h3, .docblock h4, .docblock h5, .docblock h6 {
 111         border-bottom-color: #DDD;
 112 }
 113
 114 .docblock table td, .docblock table th {
 115         border-color: #ddd;
 116 }
 117
 118 .content .method .where,
 119 .content .fn .where,
 120 .content .where.fmt-newline {
 121         color: #ddd;
 122 }
 123
 124 .search-results a:hover {
 125         background-color: #777;
 126 }
 127
 128 .search-results a:focus {
 129         color: #eee !important;
 130         background-color: #616161;
 131 }
 132 .search-results a:focus span { color: #eee !important; }
 133 a.result-trait:focus { background-color: #013191; }
 134 a.result-traitalias:focus { background-color: #013191; }
 135 a.result-mod:focus,
 136 a.result-externcrate:focus { background-color: #884719; }
 137 a.result-enum:focus { background-color: #194e9f; }
 138 a.result-struct:focus { background-color: #194e9f; }
 139 a.result-union:focus { background-color: #194e9f; }
 140 a.result-fn:focus,
 141 a.result-method:focus,
 142 a.result-tymethod:focus { background-color: #4950ed; }
 143 a.result-type:focus { background-color: #194e9f; }
 144 a.result-associatedtype:focus { background-color: #884719; }
 145 a.result-foreigntype:focus { background-color: #194e9f; }
 146 a.result-attr:focus,
 147 a.result-derive:focus,
 148 a.result-macro:focus { background-color: #217d1c; }
 149 a.result-constant:focus,
 150 a.result-static:focus { background-color: #884719; }
 151 a.result-primitive:focus { background-color: #194e9f; }
 152 a.result-keyword:focus { background-color: #884719; }
 153
 154 .content .item-info::before { color: #ccc; }
 155
 156 .content span.enum, .content a.enum, .block a.current.enum { color: #2dbfb8; }
 157 .content span.struct, .content a.struct, .block a.current.struct { color: #2dbfb8; }
 158 .content span.type, .content a.type, .block a.current.type { color: #2dbfb8; }
 159 .content span.associatedtype,
 160 .content a.associatedtype,
 161 .block a.current.associatedtype { color: #D2991D; }
 162 .content span.foreigntype, .content a.foreigntype, .block a.current.foreigntype { color: #2dbfb8; }
 163 .content span.attr, .content a.attr, .block a.current.attr,
 164 .content span.derive, .content a.derive, .block a.current.derive,
 165 .content span.macro, .content a.macro, .block a.current.macro { color: #09bd00; }
 166 .content span.union, .content a.union, .block a.current.union { color: #2dbfb8; }
 167 .content span.constant, .content a.constant, .block a.current.constant,
 168 .content span.static, .content a.static, .block a.current.static { color: #D2991D; }
 169 .content span.primitive, .content a.primitive, .block a.current.primitive { color: #2dbfb8; }
 170 .content span.externcrate,
 171 .content span.mod, .content a.mod, .block a.current.mod { color: #D2991D; }
 172 .content span.trait, .content a.trait, .block a.current.trait { color: #b78cf2; }
 173 .content span.traitalias, .content a.traitalias, .block a.current.traitalias { color: #b78cf2; }
 174 .content span.fn, .content a.fn, .block a.current.fn,
 175 .content span.method, .content a.method, .block a.current.method,
 176 .content span.tymethod, .content a.tymethod, .block a.current.tymethod,
 177 .content .fnname{ color: #2BAB63; }
 178 .content span.keyword, .content a.keyword, .block a.current.keyword { color: #D2991D; }
 179
 180 .sidebar a { color: #fdbf35; }
 181 .sidebar a.current.enum { color: #12ece2; }
 182 .sidebar a.current.struct { color: #12ece2; }
 183 .sidebar a.current.type { color: #12ece2; }
 184 .sidebar a.current.associatedtype { color: #fdbf35; }
 185 .sidebar a.current.foreigntype { color: #12ece2; }
 186 .sidebar a.current.attr,
 187 .sidebar a.current.derive,
 188 .sidebar a.current.macro { color: #0be900; }
 189 .sidebar a.current.union { color: #12ece2; }
 190 .sidebar a.current.constant
 191 .sidebar a.current.static { color: #fdbf35; }
 192 .sidebar a.current.primitive { color: #12ece2; }
 193 .sidebar a.current.externcrate
 194 .sidebar a.current.mod { color: #fdbf35; }
 195 .sidebar a.current.trait { color: #cca7ff; }
 196 .sidebar a.current.traitalias { color: #cca7ff; }
 197 .sidebar a.current.fn,
 198 .sidebar a.current.method,
 199 .sidebar a.current.tymethod { color: #32d479; }
 200 .sidebar a.current.keyword { color: #fdbf35; }
 201
 202 pre.rust .comment { color: #8d8d8b; }
 203 pre.rust .doccomment { color: #8ca375; }
 204
 205 nav.main .current {
 206         border-top-color: #eee;
 207         border-bottom-color: #eee;
 208 }
 209 nav.main .separator {
 210         border-color: #eee;
 211 }
 212
 213 a {
 214         color: #D2991D;
 215 }
 216
 217 a#toggle-all-docs,
 218 a.anchor,
 219 .small-section-header a,
 220 #source-sidebar a,
 221 pre.rust a,
 222 .sidebar h2 a,
 223 .sidebar h3 a,
 224 .mobile-topbar h2 a,
 225 .in-band a {
 226         color: #ddd;
 227 }
 228 .search-results a {
 229         color: #ddd;
 230 }
 231 a.test-arrow {
 232         color: #dedede;
 233 }
 234 body.source .example-wrap pre.rust a {
 235         background: #333;
 236 }
 237
 238 details.rustdoc-toggle > summary.hideme > span,
 239 details.rustdoc-toggle > summary::before,
 240 details.undocumented > summary::before {
 241         color: #999;
 242 }
 243
 244 details.rustdoc-toggle > summary::before,
 245 details.undocumented > summary::before {
 246         filter: invert(100%);
 247 }
 248
 249 #crate-search, .search-input {
 250         color: #111;
 251         background-color: #f0f0f0;
 252         /* Without the `!important`, the border-color is ignored for `<select>`... */
 253         border-color: #f0f0f0 !important;
 254 }
 255
 256 .search-input {
 257         border-color: #e0e0e0;
 258 }
 259
 260 .search-input:focus {
 261         border-color: #008dfd;
 262 }
 263
 264 .module-item .stab,
 265 .import-item .stab {
 266         color: #ddd;
 267 }
 268
 269 .stab.empty-impl { background: #FFF5D6; border-color: #FFC600; color: #2f2f2f; }
 270 .stab.unstable { background: #FFF5D6; border-color: #FFC600; color: #2f2f2f; }
 271 .stab.deprecated { background: #ffc4c4; border-color: #db7b7b; color: #2f2f2f; }
 272 .stab.portability { background: #F3DFFF; border-color: #b07bdb; color: #2f2f2f; }
 273 .stab.portability > code { background: none; }
 274
 275 #help > div {
 276         background: #4d4d4d;
 277         border-color: #bfbfbf;
 278 }
 279
 280 #help span.bottom, #help span.top {
 281         border-color: #bfbfbf;
 282 }
 283
 284 #help dt {
 285         border-color: #bfbfbf;
 286         background: rgba(0,0,0,0);
 287 }
 288
 289 .rightside,
 290 .out-of-band {
 291         color: grey;
 292 }
 293
 294 .result-name .primitive > i, .result-name .keyword > i {
 295         color: #ddd;
 296 }
 297
 298 .line-numbers :target { background-color: transparent; }
 299
 300 /* Code highlighting */
 301 pre.rust .kw { color: #ab8ac1; }
 302 pre.rust .kw-2, pre.rust .prelude-ty { color: #769acb; }
 303 pre.rust .number, pre.rust .string { color: #83a300; }
 304 pre.rust .self, pre.rust .bool-val, pre.rust .prelude-val,
 305 pre.rust .attribute, pre.rust .attribute .ident { color: #ee6868; }
 306 pre.rust .macro, pre.rust .macro-nonterminal { color: #3E999F; }
 307 pre.rust .lifetime { color: #d97f26; }
 308 pre.rust .question-mark {
 309         color: #ff9011;
 310 }
 311
 312 .example-wrap > pre.line-number {
 313         border-color: #4a4949;
 314 }
 315
 316 a.test-arrow {
 317         background-color: rgba(78, 139, 202, 0.2);
 318 }
 319
 320 a.test-arrow:hover{
 321         background-color: #4e8bca;
 322 }
 323
 324 .toggle-label,
 325 .code-attribute {
 326         color: #999;
 327 }
 328
 329 :target {
 330         background-color: #494a3d;
 331         border-right: 3px solid #bb7410;
 332 }
 333
 334 pre.compile_fail {
 335         border-left: 2px solid rgba(255,0,0,.8);
 336 }
 337
 338 pre.compile_fail:hover, .information:hover + pre.compile_fail {
 339         border-left: 2px solid #f00;
 340 }
 341
 342 pre.should_panic {
 343         border-left: 2px solid rgba(255,0,0,.8);
 344 }
 345
 346 pre.should_panic:hover, .information:hover + pre.should_panic {
 347         border-left: 2px solid #f00;
 348 }
 349
 350 pre.ignore {
 351         border-left: 2px solid rgba(255,142,0,.6);
 352 }
 353
 354 pre.ignore:hover, .information:hover + pre.ignore {
 355         border-left: 2px solid #ff9200;
 356 }
 357
 358 .tooltip.compile_fail {
 359         color: rgba(255,0,0,.8);
 360 }
 361
 362 .information > .compile_fail:hover {
 363         color: #f00;
 364 }
 365
 366 .tooltip.should_panic {
 367         color: rgba(255,0,0,.8);
 368 }
 369
 370 .information > .should_panic:hover {
 371         color: #f00;
 372 }
 373
 374 .tooltip.ignore {
 375         color: rgba(255,142,0,.6);
 376 }
 377
 378 .information > .ignore:hover {
 379         color: #ff9200;
 380 }
 381
 382 .search-failed a {
 383         color: #0089ff;
 384 }
 385
 386 .tooltip::after {
 387         background-color: #000;
 388         color: #fff;
 389         border-color: #000;
 390 }
 391
 392 .tooltip::before {
 393         border-color: transparent black transparent transparent;
 394 }
 395
 396 .notable-traits-tooltiptext {
 397         background-color: #111;
 398         border-color: #777;
 399 }
 400
 401 .notable-traits-tooltiptext .notable {
 402         border-bottom-color: #d2d2d2;
 403 }
 404
 405 #titles > button:not(.selected) {
 406         background-color: #252525;
 407         border-top-color: #252525;
 408 }
 409
 410 #titles > button:hover, #titles > button.selected {
 411         border-top-color: #0089ff;
 412         background-color: #353535;
 413 }
 414
 415 #titles > button > div.count {
 416         color: #888;
 417 }
 418
 419 @media (max-width: 700px) {
 420         .sidebar-menu {
 421                 background-color: #505050;
 422                 border-bottom-color: #e0e0e0;
 423                 border-right-color: #e0e0e0;
 424         }
 425
 426         .sidebar-elems {
 427                 background-color: #505050;
 428                 border-right-color: #000;
 429         }
 430
 431         #sidebar-filler {
 432                 background-color: #505050;
 433                 border-bottom-color: #e0e0e0;
 434         }
 435 }
 436
 437 kbd {
 438         color: #000;
 439         background-color: #fafbfc;
 440         border-color: #d1d5da;
 441         border-bottom-color: #c6cbd1;
 442         box-shadow: inset 0 -1px 0 #c6cbd1;
 443 }
 444
 445 #settings-menu > a, #help-button {
 446         border-color: #e0e0e0;
 447         background: #f0f0f0;
 448         color: #000;
 449 }
 450
 451 #settings-menu > a:hover, #settings-menu > a:focus,
 452 #help-button:hover, #help-button:focus {
 453         border-color: #ffb900;
 454 }
 455
 456 #settings-menu #settings, #settings-menu #settings::before {
 457         border-color: #d2d2d2;
 458 }
 459
 460 #copy-path {
 461         color: #999;
 462 }
 463 #copy-path > img {
 464         filter: invert(50%);
 465 }
 466 #copy-path:hover > img {
 467         filter: invert(65%);
 468 }
 469
 470 #theme-choices {
 471         border-color: #e0e0e0;
 472         background-color: #353535;
 473 }
 474
 475 #theme-choices > button:not(:first-child) {
 476         border-top-color: #e0e0e0;
 477 }
 478
 479 #theme-choices > button:hover, #theme-choices > button:focus {
 480         background-color: #4e4e4e;
 481 }
 482
 483 .search-results .result-name span.alias {
 484         color: #fff;
 485 }
 486 .search-results .result-name span.grey {
 487         color: #ccc;
 488 }
 489
 490 #sidebar-toggle {
 491         background-color: #565656;
 492 }
 493 #sidebar-toggle:hover {
 494         background-color: #676767;
 495 }
 496 #source-sidebar {
 497         background-color: #565656;
 498 }
 499 #source-sidebar > .title {
 500         border-bottom-color: #ccc;
 501 }
 502 div.files > a:hover, div.name:hover {
 503         background-color: #444;
 504 }
 505 div.files > .selected {
 506         background-color: #333;
 507 }
 508
 509 .scraped-example-list .scrape-help {
 510         border-color: #aaa;
 511         color: #eee;
 512 }
 513 .scraped-example-list .scrape-help:hover {
 514         border-color: white;
 515         color: white;
 516 }
 517 .more-examples-toggle summary, .more-examples-toggle .hide-more {
 518         color: #999;
 519 }
 520 .scraped-example .example-wrap .rust span.highlight {
 521         background: rgb(91, 59, 1);
 522 }
 523 .scraped-example .example-wrap .rust span.highlight.focus {
 524         background: rgb(124, 75, 15);
 525 }
 526 .scraped-example:not(.expanded) .code-wrapper:before {
 527         background: linear-gradient(to bottom, rgba(53, 53, 53, 1), rgba(53, 53, 53, 0));
 528 }
 529 .scraped-example:not(.expanded) .code-wrapper:after {
 530         background: linear-gradient(to top, rgba(53, 53, 53, 1), rgba(53, 53, 53, 0));
 531 }
 532 .toggle-line-inner {
 533         background: #999;
 534 }
 535 .toggle-line:hover .toggle-line-inner {
 536         background: #c5c5c5;
 537 }