Style nits: redarken bg, sharpen button highlights, emphasize splash headers

This commit is contained in:
Eevee (Evelyn Woods) 2024-05-09 21:01:39 -06:00
parent b82e112cbc
commit 2c879f99d2

View File

@ -12,7 +12,7 @@ body {
font-family: Ubuntu, Source Sans Pro, DejaVu Sans, sans-serif; font-family: Ubuntu, Source Sans Pro, DejaVu Sans, sans-serif;
line-height: 1.33; line-height: 1.33;
background: hsl(var(--main-hue), 10%, 7.5%); background: hsl(var(--main-hue), 5%, 5%);
background-image: url(background.svg); background-image: url(background.svg);
background-size: 12em; background-size: 12em;
color: #ececec; color: #ececec;
@ -57,7 +57,7 @@ button,
background-image: var(--button-bg-gradient); background-image: var(--button-bg-gradient);
border: 1px solid hsl(var(--main-hue), 10%, 2.5%); border: 1px solid hsl(var(--main-hue), 10%, 2.5%);
box-shadow: box-shadow:
inset 0 0 3px 1px #ffffff18, inset 0 0 0 1px #ffffff18,
0 1px 1px hsl(var(--main-hue), 10%, 7.5%); 0 1px 1px hsl(var(--main-hue), 10%, 7.5%);
border-radius: 0.25em; border-radius: 0.25em;
text-shadow: 0 1px 0 #0006; text-shadow: 0 1px 0 #0006;
@ -884,9 +884,11 @@ pre.stack-trace {
height: auto; height: auto;
} }
#splash h2 { #splash h2 {
border-bottom: 1px solid hsl(var(--main-hue), 10%, 30%); color: hsl(var(--main-hue), 40%, 90%);
color: hsl(var(--main-hue), 40%, 75%);
text-shadow: 0 1px #000c; text-shadow: 0 1px #000c;
background: hsl(var(--main-hue), 40%, 25%);
margin: -1rem -1rem 1rem;
padding: 0.5rem 1rem;
} }
#splash * + h2 { #splash * + h2 {
margin-top: 1rem; margin-top: 1rem;