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

   1 /* General structure and fonts */
   2
   3 body {
   4         background-color: white;
   5         color: black;
   6 }
   7
   8 h1, h2, h3, h4 {
   9         color: black;
  10 }
  11 h1.fqn {
  12         border-bottom-color: #DDDDDD;
  13 }
  14 h2, h3, h4 {
  15         border-bottom-color: #DDDDDD;
  16 }
  17
  18 .in-band {
  19         background-color: white;
  20 }
  21
  22 .invisible {
  23         background: rgba(0, 0, 0, 0);
  24 }
  25
  26 .docblock code, .docblock-short code {
  27         background-color: #F5F5F5;
  28 }
  29 pre, .rustdoc.source .example-wrap {
  30         background-color: #F5F5F5;
  31 }
  32
  33 .sidebar, .mobile-topbar, .sidebar-menu-toggle {
  34         background-color: #F5F5F5;
  35 }
  36
  37 /* Improve the scrollbar display on firefox */
  38 * {
  39         scrollbar-color: rgba(36, 37, 39, 0.6) #e6e6e6;
  40 }
  41
  42 .sidebar {
  43         scrollbar-color: rgba(36, 37, 39, 0.6) #d9d9d9;
  44 }
  45
  46 .rust-logo {
  47         /* This rule exists to force other themes to explicitly style the logo.
  48          * Rustdoc has a custom linter for this purpose.
  49          */
  50 }
  51
  52 /* Improve the scrollbar display on webkit-based browsers */
  53 ::-webkit-scrollbar-track {
  54         background-color: #ecebeb;
  55 }
  56 ::-webkit-scrollbar-thumb {
  57         background-color: rgba(36, 37, 39, 0.6);
  58 }
  59 .sidebar::-webkit-scrollbar-track {
  60         background-color: #dcdcdc;
  61 }
  62 .sidebar::-webkit-scrollbar-thumb {
  63         background-color: rgba(36, 37, 39, 0.6);
  64 }
  65
  66 .sidebar .current,
  67 .sidebar a:hover {
  68         background-color: #fff;
  69 }
  70
  71 .source .sidebar {
  72         background-color: #f1f1f1;
  73 }
  74
  75 .line-numbers span { color: #c67e2d; }
  76 .line-numbers .line-highlighted {
  77         background-color: #FDFFD3 !important;
  78 }
  79
  80 .docblock h1, .docblock h2, .docblock h3, .docblock h4, .docblock h5, .docblock h6 {
  81         border-bottom-color: #ddd;
  82 }
  83
  84 .docblock table td, .docblock table th {
  85         border-color: #ddd;
  86 }
  87
  88 .content .method .where,
  89 .content .fn .where,
  90 .content .where.fmt-newline {
  91         color: #4E4C4C;
  92 }
  93
  94 .search-results a:hover {
  95         background-color: #ddd;
  96 }
  97
  98 .search-results a:focus {
  99         color: #000 !important;
 100         background-color: #ccc;
 101 }
 102 .search-results a:focus span { color: #000 !important; }
 103 a.result-trait:focus { background-color: #c7b6ff; }
 104 a.result-traitalias:focus { background-color: #c7b6ff; }
 105 a.result-mod:focus,
 106 a.result-externcrate:focus { background-color: #afc6e4; }
 107 a.result-enum:focus { background-color: #e7b1a0; }
 108 a.result-struct:focus { background-color: #e7b1a0; }
 109 a.result-union:focus { background-color: #e7b1a0; }
 110 a.result-fn:focus,
 111 a.result-method:focus,
 112 a.result-tymethod:focus { background-color: #c6afb3; }
 113 a.result-type:focus { background-color: #e7b1a0; }
 114 a.result-associatedtype:focus { background-color: #afc6e4; }
 115 a.result-foreigntype:focus { background-color: #e7b1a0; }
 116 a.result-attr:focus,
 117 a.result-derive:focus,
 118 a.result-macro:focus { background-color: #8ce488; }
 119 a.result-constant:focus,
 120 a.result-static:focus { background-color: #afc6e4; }
 121 a.result-primitive:focus { background-color: #e7b1a0; }
 122 a.result-keyword:focus { background-color: #afc6e4; }
 123
 124 .content .item-info::before { color: #ccc; }
 125
 126 .content span.enum, .content a.enum, .block a.current.enum { color: #AD378A; }
 127 .content span.struct, .content a.struct, .block a.current.struct { color: #AD378A; }
 128 .content span.type, .content a.type, .block a.current.type { color:  #AD378A; }
 129 .content span.foreigntype, .content a.foreigntype, .block a.current.foreigntype { color: #3873AD; }
 130 .content span.associatedtype,
 131 .content a.associatedtype,
 132 .block a.current.associatedtype { color: #3873AD; }
 133 .content span.attr, .content a.attr, .block a.current.attr,
 134 .content span.derive, .content a.derive, .block a.current.derive,
 135 .content span.macro, .content a.macro, .block a.current.macro { color: #068000; }
 136 .content span.union, .content a.union, .block a.current.union { color: #AD378A; }
 137 .content span.constant, .content a.constant, .block a.current.constant,
 138 .content span.static, .content a.static, .block a.current.static { color: #3873AD; }
 139 .content span.primitive, .content a.primitive, .block a.current.primitive { color: #AD378A; }
 140 .content span.externcrate,
 141 .content span.mod, .content a.mod, .block a.current.mod { color: #3873AD; }
 142 .content span.trait, .content a.trait, .block a.current.trait { color: #6E4FC9; }
 143 .content span.traitalias, .content a.traitalias, .block a.current.traitalias { color: #5137AD; }
 144 .content span.fn, .content a.fn, .block a.current.fn,
 145 .content span.method, .content a.method, .block a.current.method,
 146 .content span.tymethod, .content a.tymethod, .block a.current.tymethod,
 147 .content .fnname { color: #AD7C37; }
 148 .content span.keyword, .content a.keyword, .block a.current.keyword { color: #3873AD; }
 149
 150 .sidebar a { color: #356da4; }
 151 .sidebar a.current.enum { color: #a63283; }
 152 .sidebar a.current.struct { color: #a63283; }
 153 .sidebar a.current.type { color: #a63283; }
 154 .sidebar a.current.associatedtype { color: #356da4; }
 155 .sidebar a.current.foreigntype { color: #356da4; }
 156 .sidebar a.current.attr,
 157 .sidebar a.current.derive,
 158 .sidebar a.current.macro { color: #067901; }
 159 .sidebar a.current.union { color: #a63283; }
 160 .sidebar a.current.constant
 161 .sidebar a.current.static { color: #356da4; }
 162 .sidebar a.current.primitive { color: #a63283; }
 163 .sidebar a.current.externcrate
 164 .sidebar a.current.mod { color: #356da4; }
 165 .sidebar a.current.trait { color: #6849c3; }
 166 .sidebar a.current.traitalias { color: #4b349e; }
 167 .sidebar a.current.fn,
 168 .sidebar a.current.method,
 169 .sidebar a.current.tymethod { color: #a67736; }
 170 .sidebar a.current.keyword { color: #356da4; }
 171
 172 nav.main .current {
 173         border-top-color: #000;
 174         border-bottom-color: #000;
 175 }
 176 nav.main .separator {
 177         border: 1px solid #000;
 178 }
 179
 180 a {
 181         color: #3873AD;
 182 }
 183
 184 a#toggle-all-docs,
 185 a.anchor,
 186 .small-section-header a,
 187 #source-sidebar a,
 188 pre.rust a,
 189 .sidebar h2 a,
 190 .sidebar h3 a,
 191 .mobile-topbar h2 a,
 192 .in-band a {
 193         color: #000;
 194 }
 195 .search-results a {
 196         color: initial;
 197 }
 198 a.test-arrow {
 199         color: #f5f5f5;
 200 }
 201 body.source .example-wrap pre.rust a {
 202         background: #eee;
 203 }
 204
 205 details.rustdoc-toggle > summary.hideme > span,
 206 details.rustdoc-toggle > summary::before,
 207 details.undocumented > summary::before {
 208         color: #999;
 209 }
 210
 211 #crate-search, .search-input {
 212         color: #555;
 213         background-color: white;
 214         border-color: #e0e0e0;
 215 }
 216
 217 .search-input:focus {
 218         border-color: #66afe9;
 219 }
 220
 221 .module-item .stab,
 222 .import-item .stab {
 223         color: #000;
 224 }
 225
 226 .stab.unstable { background: #FFF5D6; border-color: #FFC600; }
 227 .stab.deprecated { background: #ffc4c4; border-color: #db7b7b; }
 228 .stab.portability { background: #F3DFFF; border-color: #b07bdb; }
 229 .stab.portability > code { background: none; }
 230
 231 #help > div {
 232         background: #e9e9e9;
 233         border-color: #bfbfbf;
 234 }
 235
 236 #help span.bottom, #help span.top {
 237         border-color: #bfbfbf;
 238 }
 239
 240 .rightside,
 241 .out-of-band {
 242         color: grey;
 243 }
 244
 245 .result-name .primitive > i, .result-name .keyword > i {
 246         color: black;
 247 }
 248
 249 .line-numbers :target { background-color: transparent; }
 250
 251 /* Code highlighting */
 252 pre.rust .kw { color: #8959A8; }
 253 pre.rust .kw-2, pre.rust .prelude-ty { color: #4271AE; }
 254 pre.rust .number, pre.rust .string { color: #718C00; }
 255 pre.rust .self, pre.rust .bool-val, pre.rust .prelude-val,
 256 pre.rust .attribute, pre.rust .attribute .ident { color: #C82829; }
 257 pre.rust .comment { color: #8E908C; }
 258 pre.rust .doccomment { color: #4D4D4C; }
 259 pre.rust .macro, pre.rust .macro-nonterminal { color: #3E999F; }
 260 pre.rust .lifetime { color: #B76514; }
 261 pre.rust .question-mark {
 262         color: #ff9011;
 263 }
 264
 265 .example-wrap > pre.line-number {
 266         border-color: #c7c7c7;
 267 }
 268
 269 a.test-arrow {
 270         background-color: rgb(78, 139, 202, 0.2);
 271 }
 272
 273 a.test-arrow:hover{
 274         background-color: #4e8bca;
 275 }
 276
 277 .toggle-label,
 278 .code-attribute {
 279         color: #999;
 280 }
 281
 282 :target {
 283         background: #FDFFD3;
 284         border-right: 3px solid #AD7C37;
 285 }
 286
 287 pre.compile_fail {
 288         border-left: 2px solid rgba(255,0,0,.5);
 289 }
 290
 291 pre.compile_fail:hover, .information:hover + pre.compile_fail {
 292         border-left: 2px solid #f00;
 293 }
 294
 295 pre.should_panic {
 296         border-left: 2px solid rgba(255,0,0,.5);
 297 }
 298
 299 pre.should_panic:hover, .information:hover + pre.should_panic {
 300         border-left: 2px solid #f00;
 301 }
 302
 303 pre.ignore {
 304         border-left: 2px solid rgba(255,142,0,.6);
 305 }
 306
 307 pre.ignore:hover, .information:hover + pre.ignore {
 308         border-left: 2px solid #ff9200;
 309 }
 310
 311 .tooltip.compile_fail {
 312         color: rgba(255,0,0,.5);
 313 }
 314
 315 .information > .compile_fail:hover {
 316         color: #f00;
 317 }
 318
 319 .tooltip.should_panic {
 320         color: rgba(255,0,0,.5);
 321 }
 322
 323 .information > .should_panic:hover {
 324         color: #f00;
 325 }
 326
 327 .tooltip.ignore {
 328         color: rgba(255,142,0,.6);
 329 }
 330
 331 .information > .ignore:hover {
 332         color: #ff9200;
 333 }
 334
 335 .search-failed a {
 336         color: #3873AD;
 337 }
 338
 339 .tooltip::after {
 340         background-color: #000;
 341         color: #fff;
 342 }
 343
 344 .tooltip::before {
 345         border-color: transparent black transparent transparent;
 346 }
 347
 348 .notable-traits-tooltiptext {
 349         background-color: #eee;
 350         border-color: #999;
 351 }
 352
 353 .notable-traits-tooltiptext .notable {
 354         border-bottom-color: #DDDDDD;
 355 }
 356
 357 #titles > button:not(.selected) {
 358         background-color: #e6e6e6;
 359         border-top-color: #e6e6e6;
 360 }
 361
 362 #titles > button:hover, #titles > button.selected {
 363         background-color: #ffffff;
 364         border-top-color: #0089ff;
 365 }
 366
 367 #titles > button > div.count {
 368         color: #888;
 369 }
 370
 371 @media (max-width: 700px) {
 372         .sidebar-menu {
 373                 background-color: #F5F5F5;
 374                 border-bottom-color: #e0e0e0;
 375                 border-right-color: #e0e0e0;
 376         }
 377
 378         .sidebar-elems {
 379                 background-color: #F5F5F5;
 380                 border-right-color: #000;
 381         }
 382
 383         #sidebar-filler {
 384                 background-color: #F5F5F5;
 385                 border-bottom-color: #e0e0e0;
 386         }
 387 }
 388
 389 kbd {
 390         color: #000;
 391         background-color: #fafbfc;
 392         border-color: #d1d5da;
 393         border-bottom-color: #c6cbd1;
 394         box-shadow: inset 0 -1px 0 #c6cbd1;
 395 }
 396
 397 #theme-picker, #settings-menu, #help-button {
 398         border-color: #e0e0e0;
 399         background-color: #fff;
 400 }
 401
 402 #theme-picker:hover, #theme-picker:focus,
 403 #settings-menu:hover, #settings-menu:focus,
 404 #help-button:hover, #help-button:focus {
 405         border-color: #717171;
 406 }
 407
 408 #copy-path {
 409         color: #999;
 410 }
 411 #copy-path > img {
 412         filter: invert(50%);
 413 }
 414 #copy-path:hover > img {
 415         filter: invert(35%);
 416 }
 417
 418 #theme-choices {
 419         border-color: #ccc;
 420         background-color: #fff;
 421 }
 422
 423 #theme-choices > button:not(:first-child) {
 424         border-top-color: #e0e0e0;
 425 }
 426
 427 #theme-choices > button:hover, #theme-choices > button:focus {
 428         background-color: #eee;
 429 }
 430
 431 @media (max-width: 700px) {
 432         #theme-picker {
 433                 background: #fff;
 434         }
 435 }
 436
 437 .search-results .result-name span.alias {
 438         color: #000;
 439 }
 440 .search-results .result-name span.grey {
 441         color: #999;
 442 }
 443
 444 #sidebar-toggle {
 445         background-color: #F5F5F5;
 446 }
 447 #sidebar-toggle:hover {
 448         background-color: #E0E0E0;
 449 }
 450 #source-sidebar {
 451         background-color: #F5F5F5;
 452 }
 453 #source-sidebar > .title {
 454         border-bottom-color: #ccc;
 455 }
 456 div.files > a:hover, div.name:hover {
 457         background-color: #E0E0E0;
 458 }
 459 div.files > .selected {
 460         background-color: #fff;
 461 }
 462 .setting-line > .title {
 463         border-bottom-color: #D5D5D5;
 464 }
 465
 466 .scraped-example-list .scrape-help {
 467         border-color: #555;
 468         color: #333;
 469 }
 470 .scraped-example-list .scrape-help:hover {
 471         border-color: black;
 472         color: black;
 473 }
 474 .more-examples-toggle summary, .more-examples-toggle .hide-more {
 475         color: #999;
 476 }
 477 .scraped-example .example-wrap .rust span.highlight {
 478         background: #fcffd6;
 479 }
 480 .scraped-example .example-wrap .rust span.highlight.focus {
 481         background: #f6fdb0;
 482 }
 483 .scraped-example:not(.expanded) .code-wrapper:before {
 484         background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 485 }
 486 .scraped-example:not(.expanded) .code-wrapper:after {
 487         background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
 488 }
 489 .toggle-line-inner {
 490         background: #ccc;
 491 }
 492 .toggle-line:hover .toggle-line-inner {
 493         background: #999;
 494 }