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

   1 /**
   2  * Copyright 2015 The Rust Project Developers. See the COPYRIGHT
   3  * file at the top-level directory of this distribution and at
   4  * http://rust-lang.org/COPYRIGHT.
   5  *
   6  * Licensed under the Apache License, Version 2.0 <LICENSE-APACHE or
   7  * http://www.apache.org/licenses/LICENSE-2.0> or the MIT license
   8  * <LICENSE-MIT or http://opensource.org/licenses/MIT>, at your
   9  * option. This file may not be copied, modified, or distributed
  10  * except according to those terms.
  11  */
  12
  13 body {
  14         background-color: #353535;
  15         color: #ddd;
  16 }
  17
  18 h1, h2, h3:not(.impl):not(.method):not(.type):not(.tymethod), h4:not(.method):not(.type):not(.tymethod) {
  19         color: #ddd;
  20 }
  21 h1.fqn {
  22         border-bottom-color: #d2d2d2;
  23 }
  24 h2, h3:not(.impl):not(.method):not(.type):not(.tymethod), h4:not(.method):not(.type):not(.tymethod) {
  25         border-bottom-color: #d2d2d2;
  26 }
  27
  28 .in-band {
  29         background-color: #353535;
  30 }
  31
  32 .invisible {
  33         background: rgba(0, 0, 0, 0);
  34 }
  35
  36 .docblock code, .docblock-short code {
  37         background-color: #2A2A2A;
  38 }
  39 pre {
  40         background-color: #2A2A2A;
  41 }
  42
  43 .sidebar {
  44         background-color: #505050;
  45 }
  46
  47 .sidebar .current {
  48         background-color: #333;
  49 }
  50
  51 .source .sidebar {
  52         background-color: #353535;
  53 }
  54
  55 .sidebar .location {
  56         border-color: #fff;
  57         background: #575757;
  58         color: #DDD;
  59 }
  60
  61 .sidebar .version {
  62         border-bottom-color: #DDD;
  63 }
  64
  65 .sidebar-title {
  66         border-top-color: #777;
  67         border-bottom-color: #777;
  68 }
  69
  70 .block a:hover {
  71         background: #444;
  72 }
  73
  74 .line-numbers span { color: #3B91E2; }
  75 .line-numbers .line-highlighted {
  76         background-color: #0a042f !important;
  77 }
  78
  79 .docblock h1, .docblock h2, .docblock h3, .docblock h4, .docblock h5 {
  80         border-bottom-color: #DDD;
  81 }
  82
  83 .docblock table {
  84         border-color: #ddd;
  85 }
  86
  87 .docblock table td {
  88         border-top-color: #ddd;
  89         border-bottom-color: #ddd;
  90 }
  91
  92 .docblock table th {
  93         border-top-color: #ddd;
  94         border-bottom-color: #ddd;
  95 }
  96
  97 :target { background: #494a3d; }
  98
  99 :target > .in-band {
 100         background: #494a3d;
 101 }
 102
 103 .content .method .where,
 104 .content .fn .where,
 105 .content .where.fmt-newline {
 106         color: #ddd;
 107 }
 108
 109 .content .highlighted {
 110         color: #eee !important;
 111         background-color: #333;
 112 }
 113 .content .highlighted a, .content .highlighted span { color: #eee !important; }
 114 .content .highlighted.trait { background-color: #013191; }
 115 .content .highlighted.mod,
 116 .content .highlighted.externcrate { background-color: #afc6e4; }
 117 .content .highlighted.mod { background-color: #803a1b; }
 118 .content .highlighted.externcrate { background-color: #396bac; }
 119 .content .highlighted.enum { background-color: #5b4e68; }
 120 .content .highlighted.struct { background-color: #194e9f; }
 121 .content .highlighted.union { background-color: #b7bd49; }
 122 .content .highlighted.fn,
 123 .content .highlighted.method,
 124 .content .highlighted.tymethod { background-color: #4950ed; }
 125 .content .highlighted.type { background-color: #38902c; }
 126 .content .highlighted.foreigntype { background-color: #b200d6; }
 127 .content .highlighted.macro { background-color: #217d1c; }
 128 .content .highlighted.constant,
 129 .content .highlighted.static { background-color: #0063cc; }
 130 .content .highlighted.primitive { background-color: #00708a; }
 131
 132 .content span.enum, .content a.enum, .block a.current.enum { color: #82b089; }
 133 .content span.struct, .content a.struct, .block a.current.struct { color: #2dbfb8; }
 134 .content span.type, .content a.type, .block a.current.type { color: #ff7f00; }
 135 .content span.foreigntype, .content a.foreigntype, .block a.current.foreigntype { color: #dd7de8; }
 136 .content span.macro, .content a.macro, .block a.current.macro { color: #09bd00; }
 137 .content span.union, .content a.union, .block a.current.union { color: #a6ae37; }
 138 .content span.constant, .content a.constant, .block a.current.constant,
 139 .content span.static, .content a.static, .block a.current.static { color: #82a5c9; }
 140 .content span.primitive, .content a.primitive, .block a.current.primitive { color: #43aec7; }
 141 .content span.externcrate,
 142 .content span.mod, .content a.mod, .block a.current.mod { color: #bda000; }
 143 .content span.trait, .content a.trait, .block a.current.trait { color: #b78cf2; }
 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: #2BAB63; }
 148
 149 pre.rust .comment { color: #8d8d8b; }
 150 pre.rust .doccomment { color: #8ca375; }
 151
 152 nav {
 153         border-bottom-color: #4e4e4e;
 154 }
 155 nav.main .current {
 156         border-top-color: #eee;
 157         border-bottom-color: #eee;
 158 }
 159 nav.main .separator {
 160         border-color: #eee;
 161 }
 162 a {
 163         color: #ddd;
 164 }
 165
 166 .docblock a, .docblock-short a, .stability a {
 167         color: #D2991D;
 168 }
 169
 170 a.test-arrow {
 171         color: #dedede;
 172 }
 173
 174 .collapse-toggle {
 175         color: #999;
 176 }
 177
 178 .search-input {
 179         color: #111;
 180         box-shadow: 0 0 0 1px #000, 0 0 0 2px transparent;
 181         background-color: #f0f0f0;
 182 }
 183
 184 .search-input:focus {
 185         border-color: #008dfd;
 186 }
 187
 188 .stab.unstable { background: #FFF5D6; border-color: #FFC600; color: #404040; }
 189 .stab.deprecated { background: #F3DFFF; border-color: #7F0087;  color: #404040; }
 190 .stab.portability { background: #C4ECFF; border-color: #7BA5DB;  color: #404040; }
 191
 192 .module-item .stab {
 193         color: #ddd;
 194 }
 195
 196 #help > div {
 197         background: #4d4d4d;
 198         border-color: #bfbfbf;
 199 }
 200
 201 #help dt {
 202         border-color: #bfbfbf;
 203         background: rgba(0,0,0,0);
 204         color: black;
 205 }
 206
 207 .since {
 208         color: grey;
 209 }
 210
 211 tr.result span.primitive::after {
 212         color: #ddd;
 213 }
 214
 215 .line-numbers :target { background-color: transparent; }
 216
 217 /* Code highlighting */
 218 pre.rust .kw { color: #ab8ac1; }
 219 pre.rust .kw-2, pre.rust .prelude-ty { color: #769acb; }
 220 pre.rust .number, pre.rust .string { color: #83a300; }
 221 pre.rust .self, pre.rust .bool-val, pre.rust .prelude-val,
 222 pre.rust .attribute, pre.rust .attribute .ident { color: #ee6868; }
 223 pre.rust .macro, pre.rust .macro-nonterminal { color: #3E999F; }
 224 pre.rust .lifetime { color: #d97f26; }
 225 pre.rust .question-mark {
 226         color: #ff9011;
 227 }
 228
 229 a.test-arrow {
 230         background-color: rgba(78, 139, 202, 0.2);
 231 }
 232
 233 a.test-arrow:hover{
 234         background-color: #4e8bca;
 235 }
 236
 237 .toggle-label {
 238         color: #999;
 239 }
 240
 241 :target > code {
 242         background: #FDFFD3;
 243 }
 244
 245 pre.compile_fail {
 246         border-left: 2px solid rgba(255,0,0,.6);
 247 }
 248
 249 pre.compile_fail:hover, .information:hover + pre.compile_fail {
 250         border-left: 2px solid #f00;
 251 }
 252
 253 pre.ignore {
 254         border-left: 2px solid rgba(255,142,0,.6);
 255 }
 256
 257 pre.ignore:hover, .information:hover + pre.ignore {
 258         border-left: 2px solid #ff9200;
 259 }
 260
 261 .tooltip.compile_fail {
 262         color: rgba(255,0,0,.6);
 263 }
 264
 265 .information > .compile_fail:hover {
 266         color: #f00;
 267 }
 268
 269 .tooltip.ignore {
 270         color: rgba(255,142,0,.6);
 271 }
 272
 273 .information > .ignore:hover {
 274         color: rgba(255,142,0,1);
 275 }
 276
 277 .search-failed > a {
 278         color: #0089ff;
 279 }
 280
 281 .tooltip .tooltiptext {
 282         background-color: black;
 283         color: #fff;
 284 }
 285
 286 .tooltip .tooltiptext::after {
 287         border-color: transparent black transparent transparent;
 288 }
 289
 290 .important-traits .tooltip .tooltiptext {
 291         background-color: white;
 292         color: black;
 293         border-color: black;
 294 }
 295
 296 #titles > div {
 297         border-bottom-color:  #ccc;
 298 }
 299
 300 #titles > div.selected {
 301         border-bottom-color: #0078ee;
 302 }
 303
 304 #titles > div:hover {
 305         border-bottom-color: #0089ff;
 306 }
 307
 308 #titles > div > div.count {
 309         color: #888;
 310 }
 311
 312 .modal {
 313         background-color: rgba(0,0,0,0.3);
 314 }
 315
 316 .modal-content {
 317         background-color: #272727;
 318         border-color: #999;
 319 }
 320
 321 .modal-content > .close {
 322         background-color: #272727;
 323         border-color: #999;
 324 }
 325
 326 .modal-content > .close:hover {
 327         background-color: #ff1f1f;
 328         color: white;
 329 }
 330
 331 .modal-content > .whiter {
 332         background-color: #272727;
 333 }
 334
 335 .modal-content > .close:hover + .whiter {
 336         background-color: #ff1f1f;
 337 }
 338
 339 @media (max-width: 700px) {
 340         .sidebar-menu {
 341                 background-color: #505050;
 342                 border-bottom-color: #e0e0e0;
 343                 border-right-color: #e0e0e0;
 344         }
 345
 346         .sidebar-elems {
 347                 background-color: #505050;
 348                 border-right-color: #000;
 349         }
 350
 351         #sidebar-filler {
 352                 background-color: #505050;
 353                 border-bottom-color: #e0e0e0;
 354         }
 355 }
 356
 357 kbd {
 358         color: #000;
 359         background-color: #fafbfc;
 360         border-color: #d1d5da;
 361         border-bottom-color: #c6cbd1;
 362         box-shadow-color: #c6cbd1;
 363 }
 364
 365 #theme-picker {
 366         border-color: #e0e0e0;
 367         background: #f0f0f0;
 368 }
 369
 370 #theme-picker:hover, #theme-picker:focus {
 371         border-color: #ffb900;
 372 }
 373
 374 #theme-choices {
 375         border-color: #e0e0e0;
 376         background-color: #353535;
 377 }
 378
 379 #theme-choices > button:not(:first-child) {
 380         border-top-color: #e0e0e0;
 381 }
 382
 383 #theme-choices > button:hover, #theme-choices > button:focus {
 384         background-color: #444;
 385 }
 386
 387 @media (max-width: 700px) {
 388         #theme-picker {
 389                 background: #f0f0f0;
 390         }
 391 }