74 lines
1.0 KiB
CSS
74 lines
1.0 KiB
CSS
/* Nitro banner design: the bezier-swept artwork with wide orange stripes
|
|
(inlined by the backend into #page-banner), in neutral dark greys that
|
|
follow the page's color scheme. */
|
|
|
|
/* Banner artwork dark tones: neutral greys in light mode (retinted to the
|
|
page's violet family by the dark-scheme block below). */
|
|
.nb-base {
|
|
fill: #0b0b0d;
|
|
}
|
|
|
|
.nb-s1a {
|
|
stop-color: #242428;
|
|
}
|
|
|
|
.nb-s1b {
|
|
stop-color: #0b0b0d;
|
|
}
|
|
|
|
.nb-s2a {
|
|
stop-color: #19191d;
|
|
}
|
|
|
|
.nb-s2b {
|
|
stop-color: #060607;
|
|
}
|
|
|
|
.nb-c0 {
|
|
stop-color: #2a2a2f;
|
|
}
|
|
|
|
.nb-c1 {
|
|
stop-color: #131315;
|
|
}
|
|
|
|
.nb-c2 {
|
|
stop-color: #0b0b0d;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
/* Banner dark tones tinted to the same violet family as the page. */
|
|
.nb-base {
|
|
fill: #100d18;
|
|
}
|
|
|
|
.nb-s1a {
|
|
stop-color: #292536;
|
|
}
|
|
|
|
.nb-s1b {
|
|
stop-color: #100d18;
|
|
}
|
|
|
|
.nb-s2a {
|
|
stop-color: #1e1a2b;
|
|
}
|
|
|
|
.nb-s2b {
|
|
stop-color: #090811;
|
|
}
|
|
|
|
.nb-c0 {
|
|
stop-color: #322d44;
|
|
}
|
|
|
|
.nb-c1 {
|
|
stop-color: #171422;
|
|
}
|
|
|
|
.nb-c2 {
|
|
stop-color: #100d18;
|
|
}
|
|
}
|