]>
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 */
9 background-color: #0f1419;
17 border-bottom-color: #5c6773;
23 border-bottom-color: #5c6773;
30 background-color: #0f1419;
34 background: rgba
(0, 0, 0, 0);
40 h3
> code
, h4
> code
, h5
> code
{
50 color: #39AFD7 !important
;
52 .docblock code, .docblock-short code {
53 background-color: #191f26;
55 pre
, .rustdoc
.source
.example-wrap
{
57 background-color: #191f26;
61 background-color: #14191f;
64 .logo-container.rust-logo > img {
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);
71 /* Improve the scrollbar display on firefox */
73 scrollbar-color: #5c6773 transparent
;
77 scrollbar-color: #5c6773 transparent
;
80 /* Improve the scrollbar display on webkit-based browsers */
81 ::-webkit-scrollbar-track
{
82 background-color: transparent
;
84 ::-webkit-scrollbar-thumb
{
85 background-color: #5c6773;
87 .sidebar::-webkit-scrollbar-track {
88 background-color: transparent
;
90 .sidebar::-webkit-scrollbar-thumb {
91 background-color: #5c6773;
95 background-color: transparent
;
100 background-color: #0f1419;
105 background-color: #0f1419;
109 .sidebar-elems .location {
113 .sidebar-elems .location a {
118 border-bottom-color: #424c57;
122 border-top-color: #5c6773;
123 border-bottom-color: #5c6773;
127 background: transparent
;
131 .line-numbers span { color: #5c6773; }
132 .line-numbers .line-highlighted {
134 background-color: rgba
(255, 236, 164, 0.06);
136 border-right: 1px solid
#ffb44c;
139 .docblock h1, .docblock h2, .docblock h3, .docblock h4, .docblock h5 {
140 border-bottom-color: #5c6773;
143 .docblock table td, .docblock table th {
144 border-color: #5c6773;
147 .content
.method
.where
,
149 .content .where.fmt-newline {
153 .search-results a:hover {
154 background-color: #777;
157 .search-results a:focus {
158 color: #000 !important
;
159 background-color: #c6afb3;
164 .search-results a div.desc {
168 .content .item-info::before { color: #ccc; }
170 .content span.foreigntype, .content a.foreigntype { color: #ef57ff; }
171 .content span.union, .content a.union { color: #98a01c; }
172 .content span
.constant
, .content a
.constant
,
173 .content span.static, .content a.static { color: #6380a0; }
174 .content span.primitive, .content a.primitive { color: #32889b; }
175 .content span.traitalias, .content a.traitalias { color: #57d399; }
176 .content span.keyword, .content a.keyword { color: #de5249; }
178 .content span.externcrate, .content span.mod, .content a.mod {
181 .content span.struct, .content a.struct {
184 .content span.enum, .content a.enum {
187 .content span.trait, .content a.trait {
190 .content span.type, .content a.type {
193 .content span
.fn
, .content a
.fn
, .content span
.method
,
194 .content a
.method
, .content span
.tymethod
,
195 .content a.tymethod, .content .fnname {
198 .content span
.attr
, .content a
.attr
, .content span
.derive
,
199 .content a.derive, .content span.macro, .content a.macro {
203 pre
.rust
.comment
{ color: #788797; }
204 pre
.rust
.doccomment
{ color: #a1ac88; }
207 border-bottom-color: #424c57;
210 border-top-color: #5c6773;
211 border-bottom-color: #5c6773;
213 nav
.main
.separator
{
214 border: 1px solid
#5c6773;
220 .docblock:not
(.type-decl
) a:not
(.srclink
):not
(.test-arrow
),
221 .docblock-short
a:not
(.srclink
):not
(.test-arrow
), .item-info a
,
226 details
.rustdoc-toggle
> summary
.hideme
> span
,
227 details
.rustdoc-toggle
> summary::before
,
228 details
.undocumented
> summary::before
{
234 background-color: #141920;
235 box-shadow: 0 0 0 1px #424c57,0 0 0 2px transparent
;
236 border-color: #424c57;
241 background-color: #141920;
242 box-shadow: 0 0 0 1px #424c57,0 0 0 2px transparent
;
243 transition: box-shadow
150ms ease-in-out
;
246 #crate-search+.search-input:focus
{
247 box-shadow: 0 0 0 1px #148099,0 0 0 2px transparent
;
250 .search-input:disabled {
251 background-color: #3e3e3e;
263 background: #314559 !important
;
264 border-style: none
!important
;
266 padding: 3px 6px 3px 6px;
269 .stab.portability > code {
276 box-shadow: 0px 6px 20px 0px black
;
282 border-bottom-color: #5c6773;
289 .result-name .primitive > i, .result-name .keyword > i {
293 .line-numbers :target { background-color: transparent
; }
295 /* Code highlighting */
296 pre
.rust
.number
, pre
.rust
.string
{ color: #b8cc52; }
297 pre
.rust
.kw
, pre
.rust
.kw-2
, pre
.rust
.prelude-ty
,
298 pre
.rust
.bool-val
, pre
.rust
.prelude-val
,
299 pre
.rust
.op
, pre
.rust
.lifetime
{ color: #ff7733; }
300 pre
.rust
.macro
, pre
.rust
.macro-nonterminal
{ color: #a37acc; }
301 pre
.rust
.question-mark
{
308 pre
.rust
.attribute
{
311 pre
.rust
.attribute
.ident
, pre
.rust
.attribute
.op
{
315 .example-wrap > pre.line-number {
324 background-color: rgba
(57, 175, 215, 0.09);
328 background-color: rgba
(57, 175, 215, 0.368);
337 :target
, :target
> * {
338 background: rgba
(255, 236, 164, 0.06);
342 border-right: 3px solid rgba
(255, 180, 76, 0.85);
346 border-left: 2px solid rgba
(255,0,0,.4);
349 pre
.compile_fail:hover
, .information:hover
+ pre
.compile_fail
{
350 border-left: 2px solid
#f00;
354 border-left: 2px solid rgba
(255,0,0,.4);
357 pre
.should_panic:hover
, .information:hover
+ pre
.should_panic
{
358 border-left: 2px solid
#f00;
362 border-left: 2px solid rgba
(255,142,0,.6);
365 pre
.ignore:hover
, .information:hover
+ pre
.ignore
{
366 border-left: 2px solid
#ff9200;
369 .tooltip.compile_fail {
370 color: rgba
(255,0,0,.5);
373 .information > .compile_fail:hover {
377 .tooltip.should_panic {
378 color: rgba
(255,0,0,.5);
381 .information > .should_panic:hover {
386 color: rgba
(255,142,0,.6);
389 .information > .ignore:hover {
398 background-color: #314559;
400 border: 1px solid
#5c6773;
404 border-color: transparent
#314559 transparent transparent
;
407 .notable-traits-tooltiptext {
408 background-color: #314559;
409 border-color: #5c6773;
412 .notable-traits-tooltiptext .notable {
413 border-bottom-color: #5c6773;
416 #titles > button
.selected
{
417 background-color: #141920 !important
;
418 border-bottom: 1px solid
#ffb44c !important
;
422 #titles > button:not
(.selected
) {
423 background-color: transparent
!important
;
427 #titles > button:hover
{
428 border-bottom: 1px solid rgba
(242, 151, 24, 0.3);
431 #titles > button
> div
.count
{
435 /* rules that this theme does not need to set, here to satisfy the rule checker */
436 /* note that a lot of these are partially set in some way (meaning they are set
437 individually rather than as a group) */
438 /* FIXME: these rules should be at the bottom of the file but currently must be
439 above the `@media (max-width: 700px)` rules due to a bug in the css checker */
440 /* see https://github.com/rust-lang/rust/pull/71237#issuecomment-618170143 */
441 .search-input:focus {}
442 .content span
.attr
,.content a
.attr
,.block a
.current
.attr
,.content span
.derive
,.content a
.derive
,
443 .block a.current.derive,.content span.macro,.content a.macro,.block a.current.macro {}
444 .content span.struct,.content a.struct,.block a.current.struct {}
445 #titles>button:hover
,#titles
>button
.selected
{}
446 .content span.type,.content a.type,.block a.current.type {}
447 .content span.union,.content a.union,.block a.current.union {}
448 pre
.rust
.lifetime
{}
450 h2
,h3:not
(.impl
):not
(.method
):not
(.type
):not
(.tymethod
),h4:not
(.method
):not
(.type
):not
(.tymethod
) {}
451 .content span.enum,.content a.enum,.block a.current.enum {}
452 .content span
.constant
,.content a
.constant
,.block a
.current
.constant
,.content span
.static
,
453 .content a.static, .block a.current.static {}
454 .content span.keyword,.content a.keyword,.block a.current.keyword {}
456 .content span.traitalias,.content a.traitalias,.block a.current.traitalias {}
457 .content span
.fn
,.content a
.fn
,.block a
.current
.fn
,.content span
.method
,.content a
.method
,
458 .block a
.current
.method
,.content span
.tymethod
,.content a
.tymethod
,.block a
.current
.tymethod
,
461 pre
.rust
.self
,pre
.rust
.bool-val
,pre
.rust
.prelude-val
,pre
.rust
.attribute
,
462 pre
.rust
.attribute
.ident
{}
463 .content span.foreigntype,.content a.foreigntype,.block a.current.foreigntype {}
464 pre
.rust
.doccomment
{}
466 .content a.attr,.content a.derive,.content a.macro {}
468 .content span.primitive,.content a.primitive,.block a.current.primitive {}
469 .content span.externcrate,.content span.mod,.content a.mod,.block a.current.mod {}
470 pre
.rust
.kw-2
,pre
.rust
.prelude-ty
{}
471 .content span.trait,.content a.trait,.block a.current.trait {}
473 .search-results a:focus span {}
474 a
.result-trait:focus
{}
475 a
.result-traitalias:focus
{}
477 a
.result-externcrate:focus
{}
478 a
.result-mod:focus
{}
479 a
.result-externcrate:focus
{}
480 a
.result-enum:focus
{}
481 a
.result-struct:focus
{}
482 a
.result-union:focus
{}
484 a
.result-method:focus
,
485 a
.result-tymethod:focus
{}
486 a
.result-type:focus
{}
487 a
.result-foreigntype:focus
{}
489 a
.result-derive:focus
,
490 a
.result-macro:focus
{}
491 a
.result-constant:focus
,
492 a
.result-static:focus
{}
493 a
.result-primitive:focus
{}
494 a
.result-keyword:focus
{}
496 @media (max-width: 700px) {
498 background-color: #14191f;
499 border-bottom-color: #5c6773;
500 border-right-color: #5c6773;
504 background-color: #14191f;
505 border-right-color: #5c6773;
509 background-color: #14191f;
510 border-bottom-color: #5c6773;
516 background-color: #314559;
517 border-color: #5c6773;
518 border-bottom-color: #5c6773;
519 box-shadow-color: #c6cbd1;
522 #theme-picker, #settings-menu
, #help-button
{
523 border-color: #5c6773;
524 background-color: #0f1419;
528 #theme-picker > img
, #settings-menu
> img
{
538 #copy-path:hover
> img
{
539 filter: invert
(100%);
542 #theme-picker:hover
, #
theme-picker:focus
,
543 #settings-menu:hover
, #
settings-menu:focus
,
544 #help-button:hover
, #
help-button:focus
{
545 border-color: #e0e0e0;
549 border-color: #5c6773;
550 background-color: #0f1419;
553 #theme-choices > button:not
(:first-child
) {
554 border-top-color: #5c6773;
557 #theme-choices > button:hover
, #theme-choices
> button:focus
{
558 background-color: rgba
(110, 110, 110, 0.33);
561 @media (max-width: 700px) {
568 background-color: #14191f;
571 background-color: rgba
(70, 70, 70, 0.33);
574 .search-results .result-name span.alias {
577 .search-results .result-name span.grey {
582 background-color: #14191f;
584 #sidebar-toggle:hover
{
585 background-color: rgba
(70, 70, 70, 0.33);
588 background-color: #14191f;
590 #source-sidebar > .title
{
592 border-bottom-color: #5c6773;
594 div
.files
> a:hover
, div
.name:hover
{
595 background-color: #14191f;
598 div
.files
> .selected
{
599 background-color: #14191f;
602 .setting-line > .title {
603 border-bottom-color: #5c6773;
605 input:checked
+ .slider
{
606 background-color: #ffb454 !important
;