]>
git.proxmox.com Git - rustc.git/blob - src/librustdoc/html/static/css/themes/ayu.css
2 Based off of the Ayu theme
3 Original by Dempfi (https://github.com/dempfi/ayu)
6 /* General structure and fonts */
8 body
, #settings-menu #settings
, #settings-menu #
settings::before
{
9 background-color: #0f1419;
13 .setting-line .radio-line input {
14 border-color: #c5c5c5;
16 .setting-line .radio-line input:checked {
17 box-shadow: inset
0 0 0 3px #0f1419;
18 background-color: #ffb454;
20 .setting-line .radio-line input:focus {
21 box-shadow: 0 0 1px 1px #ffb454;
23 /* In here we combine both `:focus` and `:checked` properties. */
24 .setting-line .radio-line input:checked:focus {
25 box-shadow: inset
0 0 0 3px 0f1419,
28 .setting-line .radio-line input:hover {
29 border-color: #ffb454 !important
;
33 background-color: #ccc;
36 background-color: white
;
38 input:checked
+ .slider
{
39 background-color: #ffb454;
41 input:focus
+ .slider
{
42 box-shadow: 0 0 0 2px #0a84ff, 0 0 0 6px rgba
(10, 132, 255, 0.3);
49 border-bottom-color: #5c6773;
55 border-bottom-color: #5c6773;
62 background-color: #0f1419;
66 background: rgba
(0, 0, 0, 0);
75 .docblock pre > code, pre > code {
82 color: #39AFD7 !important
;
84 .docblock code, .docblock-short code {
85 background-color: #191f26;
87 pre
, .rustdoc
.source
.example-wrap
{
89 background-color: #191f26;
92 .sidebar, .mobile-topbar, .sidebar-menu-toggle {
93 background-color: #14191f;
97 filter: drop-shadow
(1px 0 0px #fff)
98 drop-shadow
(0 1px 0 #fff)
99 drop-shadow
(-1px 0 0 #fff)
100 drop-shadow
(0 -1px 0 #fff);
103 /* Improve the scrollbar display on firefox */
105 scrollbar-color: #5c6773 #24292f;
109 scrollbar-color: #5c6773 #24292f;
112 /* Improve the scrollbar display on webkit-based browsers */
113 ::-webkit-scrollbar-track
{
114 background-color: transparent
;
116 ::-webkit-scrollbar-thumb
{
117 background-color: #5c6773;
119 .sidebar::-webkit-scrollbar-track {
120 background-color: transparent
;
122 .sidebar::-webkit-scrollbar-thumb {
123 background-color: #5c6773;
128 background-color: transparent
;
133 background-color: #14191f;
136 .sidebar-elems .location {
140 .line-numbers span { color: #5c6773; }
141 .line-numbers .line-highlighted {
143 background-color: rgba
(255, 236, 164, 0.06);
145 border-right: 1px solid
#ffb44c;
148 .docblock h1, .docblock h2, .docblock h3, .docblock h4, .docblock h5, .docblock h6 {
149 border-bottom-color: #5c6773;
152 .docblock table td, .docblock table th {
153 border-color: #5c6773;
156 .content
.method
.where
,
158 .content .where.fmt-newline {
162 .search-results a:hover {
163 background-color: #777;
166 .search-results a:focus {
167 color: #000 !important
;
168 background-color: #c6afb3;
173 .search-results a div.desc {
177 .content .item-info::before { color: #ccc; }
179 .content span.foreigntype, .content a.foreigntype { color: #ffa0a5; }
180 .content span.union, .content a.union { color: #ffa0a5; }
181 .content span
.constant
, .content a
.constant
,
182 .content span.static, .content a.static { color: #39AFD7; }
183 .content span.primitive, .content a.primitive { color: #ffa0a5; }
184 .content span.traitalias, .content a.traitalias { color: #39AFD7; }
185 .content span.keyword, .content a.keyword { color: #39AFD7; }
187 .content span.externcrate, .content span.mod, .content a.mod {
190 .content span.struct, .content a.struct {
193 .content span.enum, .content a.enum {
196 .content span.trait, .content a.trait {
199 .content span.type, .content a.type {
204 .block a.current.type { color: #39AFD7; }
205 .content span
.associatedtype
,
206 .content a
.associatedtype
,
207 .block a.current.associatedtype { color: #39AFD7; }
208 .content span
.fn
, .content a
.fn
, .content span
.method
,
209 .content a
.method
, .content span
.tymethod
,
210 .content a.tymethod, .content .fnname {
213 .content span
.attr
, .content a
.attr
, .content span
.derive
,
214 .content a.derive, .content span.macro, .content a.macro {
218 .sidebar a { color: #53b1db; }
219 .sidebar a.current.type { color: #53b1db; }
220 .sidebar a.current.associatedtype { color: #53b1db; }
222 pre
.rust
.comment
{ color: #788797; }
223 pre
.rust
.doccomment
{ color: #a1ac88; }
226 border-top-color: #5c6773;
227 border-bottom-color: #5c6773;
229 nav
.main
.separator
{
230 border: 1px solid
#5c6773;
238 .small-section-header a
,
254 body
.source
.example-wrap pre
.rust a
{
258 details
.rustdoc-toggle
> summary
.hideme
> span
,
259 details
.rustdoc-toggle
> summary::before
,
260 details
.undocumented
> summary::before
{
264 details
.rustdoc-toggle
> summary::before
,
265 details
.undocumented
> summary::before
{
266 filter: invert
(100%);
269 #crate-search, .search-input
{
270 background-color: #141920;
271 /* Without the `!important`, the border-color is ignored for `<select>`... */
272 border-color: #424c57 !important
;
284 /* Created this empty rule to satisfy the theme checks. */
292 background: #314559 !important
;
293 border-style: none
!important
;
295 padding: 3px 6px 3px 6px;
298 .stab.portability > code {
305 box-shadow: 0px 6px 20px 0px black
;
310 #help span
.bottom
, #help span
.top
{
311 border-color: #5c6773;
319 .result-name .primitive > i, .result-name .keyword > i {
323 .line-numbers :target { background-color: transparent
; }
325 /* Code highlighting */
326 pre
.rust
.number
, pre
.rust
.string
{ color: #b8cc52; }
327 pre
.rust
.kw
, pre
.rust
.kw-2
, pre
.rust
.prelude-ty
,
328 pre
.rust
.bool-val
, pre
.rust
.prelude-val
,
329 pre
.rust
.op
, pre
.rust
.lifetime
{ color: #ff7733; }
330 pre
.rust
.macro
, pre
.rust
.macro-nonterminal
{ color: #a37acc; }
331 pre
.rust
.question-mark
{
338 pre
.rust
.attribute
{
341 pre
.rust
.attribute
.ident
, pre
.rust
.attribute
.op
{
345 .example-wrap > pre.line-number {
354 background-color: rgba
(57, 175, 215, 0.09);
358 background-color: rgba
(57, 175, 215, 0.368);
368 background: rgba
(255, 236, 164, 0.06);
369 border-right: 3px solid rgba
(255, 180, 76, 0.85);
373 border-left: 2px solid rgba
(255,0,0,.4);
376 pre
.compile_fail:hover
, .information:hover
+ pre
.compile_fail
{
377 border-left: 2px solid
#f00;
381 border-left: 2px solid rgba
(255,0,0,.4);
384 pre
.should_panic:hover
, .information:hover
+ pre
.should_panic
{
385 border-left: 2px solid
#f00;
389 border-left: 2px solid rgba
(255,142,0,.6);
392 pre
.ignore:hover
, .information:hover
+ pre
.ignore
{
393 border-left: 2px solid
#ff9200;
396 .tooltip.compile_fail {
397 color: rgba
(255,0,0,.5);
400 .information > .compile_fail:hover {
404 .tooltip.should_panic {
405 color: rgba
(255,0,0,.5);
408 .information > .should_panic:hover {
413 color: rgba
(255,142,0,.6);
416 .information > .ignore:hover {
425 background-color: #314559;
427 border: 1px solid
#5c6773;
431 border-color: transparent
#314559 transparent transparent
;
434 .notable-traits-tooltiptext {
435 background-color: #314559;
436 border-color: #5c6773;
439 .notable-traits-tooltiptext .notable {
440 border-bottom-color: #5c6773;
443 #titles > button
.selected
{
444 background-color: #141920 !important
;
445 border-bottom: 1px solid
#ffb44c !important
;
449 #titles > button:not
(.selected
) {
450 background-color: transparent
!important
;
454 #titles > button:hover
{
455 border-bottom: 1px solid rgba
(242, 151, 24, 0.3);
458 #titles > button
> div
.count
{
462 /* rules that this theme does not need to set, here to satisfy the rule checker */
463 /* note that a lot of these are partially set in some way (meaning they are set
464 individually rather than as a group) */
465 /* FIXME: these rules should be at the bottom of the file but currently must be
466 above the `@media (max-width: 700px)` rules due to a bug in the css checker */
467 /* see https://github.com/rust-lang/rust/pull/71237#issuecomment-618170143 */
468 .search-input:focus {}
469 .content span
.attr
,.content a
.attr
,.block a
.current
.attr
,.content span
.derive
,.content a
.derive
,
470 .block a.current.derive,.content span.macro,.content a.macro,.block a.current.macro {}
471 .content span.struct,.content a.struct,.block a.current.struct {}
472 #titles>button:hover
,#titles
>button
.selected
{}
473 .content span.typedef,.content a.typedef,.block a.current.typedef {}
474 .content span.union,.content a.union,.block a.current.union {}
475 pre
.rust
.lifetime
{}
478 h3:not
(.impl
):not
(.method
):not
(.type
):not
(.tymethod
), h4:not
(.method
):not
(.type
):not
(.tymethod
) {}
479 .content span.enum,.content a.enum,.block a.current.enum {}
480 .content span
.constant
,.content a
.constant
,.block a
.current
.constant
,.content span
.static
,
481 .content a.static, .block a.current.static {}
482 .content span.keyword,.content a.keyword,.block a.current.keyword {}
484 .content span.traitalias,.content a.traitalias,.block a.current.traitalias {}
485 .content span
.fn
,.content a
.fn
,.block a
.current
.fn
,.content span
.method
,.content a
.method
,
486 .block a
.current
.method
,.content span
.tymethod
,.content a
.tymethod
,.block a
.current
.tymethod
,
489 pre
.rust
.self
,pre
.rust
.bool-val
,pre
.rust
.prelude-val
,pre
.rust
.attribute
,
490 pre
.rust
.attribute
.ident
{}
491 .content span.foreigntype,.content a.foreigntype,.block a.current.foreigntype {}
492 pre
.rust
.doccomment
{}
494 .content a.attr,.content a.derive,.content a.macro {}
496 .content span.primitive,.content a.primitive,.block a.current.primitive {}
497 .content span.externcrate,.content span.mod,.content a.mod,.block a.current.mod {}
498 pre
.rust
.kw-2
,pre
.rust
.prelude-ty
{}
499 .content span.trait,.content a.trait,.block a.current.trait {}
501 .search-results a:focus span {}
502 a
.result-trait:focus
{}
503 a
.result-traitalias:focus
{}
505 a
.result-externcrate:focus
{}
506 a
.result-mod:focus
{}
507 a
.result-externcrate:focus
{}
508 a
.result-enum:focus
{}
509 a
.result-struct:focus
{}
510 a
.result-union:focus
{}
512 a
.result-method:focus
,
513 a
.result-tymethod:focus
{}
514 a
.result-type:focus
{}
515 a
.result-associatedtype:focus
{}
516 a
.result-foreigntype:focus
{}
518 a
.result-derive:focus
,
519 a
.result-macro:focus
{}
520 a
.result-constant:focus
,
521 a
.result-static:focus
{}
522 a
.result-primitive:focus
{}
523 a
.result-keyword:focus
{}
525 .sidebar a.current.enum {}
526 .sidebar a.current.struct {}
527 .sidebar a.current.foreigntype {}
528 .sidebar a
.current
.attr
,
529 .sidebar a
.current
.derive
,
530 .sidebar a.current.macro {}
531 .sidebar a.current.union {}
532 .sidebar a
.current
.constant
533 .sidebar a.current.static {}
534 .sidebar a.current.primitive {}
535 .sidebar a
.current
.externcrate
536 .sidebar a.current.mod {}
537 .sidebar a.current.trait {}
538 .sidebar a.current.traitalias {}
539 .sidebar a
.current
.fn
,
540 .sidebar a
.current
.method
,
541 .sidebar a.current.tymethod {}
542 .sidebar a.current.keyword {}
544 @media (max-width: 700px) {
546 background-color: #14191f;
547 border-bottom-color: #5c6773;
548 border-right-color: #5c6773;
552 background-color: #14191f;
553 border-right-color: #5c6773;
557 background-color: #14191f;
558 border-bottom-color: #5c6773;
564 background-color: #314559;
565 border-color: #5c6773;
566 border-bottom-color: #5c6773;
567 box-shadow: inset
0 -1px 0 #5c6773;
570 #settings-menu > a
, #help-button
{
571 border-color: #5c6773;
572 background-color: #0f1419;
576 #settings-menu > a img
{
580 #settings-menu #settings
, #settings-menu #
settings::before
{
581 border-color: #5c6773;
590 #copy-path:hover
> img
{
591 filter: invert
(100%);
594 #settings-menu > a:hover
, #settings-menu
> a:focus
,
595 #help-button:hover
, #
help-button:focus
{
596 border-color: #e0e0e0;
600 border-color: #5c6773;
601 background-color: #0f1419;
604 #theme-choices > button:not
(:first-child
) {
605 border-top-color: #5c6773;
608 #theme-choices > button:hover
, #theme-choices
> button:focus
{
609 background-color: rgba
(110, 110, 110, 0.33);
612 .search-results .result-name span.alias {
615 .search-results .result-name span.grey {
620 background-color: #14191f;
622 #sidebar-toggle:hover
{
623 background-color: rgba
(70, 70, 70, 0.33);
626 background-color: #14191f;
628 #source-sidebar > .title
{
630 border-bottom-color: #5c6773;
632 div
.files
> a:hover
, div
.name:hover
{
633 background-color: #14191f;
636 div
.files
> .selected
{
637 background-color: #14191f;
641 .scraped-example-list .scrape-help {
645 .scraped-example-list .scrape-help:hover {
649 .more-examples-toggle summary, .more-examples-toggle .hide-more {
652 .scraped-example .example-wrap .rust span.highlight {
653 background: rgb
(91, 59, 1);
655 .scraped-example .example-wrap .rust span.highlight.focus {
656 background: rgb
(124, 75, 15);
658 .scraped-example:not(.expanded) .code-wrapper:before {
659 background: linear-gradient
(to bottom
, rgba
(15, 20, 25, 1), rgba
(15, 20, 25, 0));
661 .scraped-example:not(.expanded) .code-wrapper:after {
662 background: linear-gradient
(to top
, rgba
(15, 20, 25, 1), rgba
(15, 20, 25, 0));
667 .toggle-line:hover .toggle-line-inner {