Adjust styles
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

Signed-off-by: Severin Kaderli <severin@kaderli.dev>
This commit is contained in:
Severin Kaderli 2023-01-05 17:05:19 +01:00
parent 5e010d5858
commit 780fd8efdc
Signed by: severinkaderli
GPG key ID: F419F8835B72F0C4

View file

@ -9,8 +9,8 @@
/* Base */ /* Base */
--color-background: hsl(220, 23%, 95%); --color-background: hsl(220, 23%, 95%);
/* Crust */ /* Mantle */
--color-background-accent: hsl(220, 21%, 89%); --color-background-accent: hsl(220, 22%, 92%);
/* Text */ /* Text */
--color-text: hsl(234, 16%, 35%); --color-text: hsl(234, 16%, 35%);
@ -25,7 +25,7 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--color-background: hsl(240, 21%, 15%); --color-background: hsl(240, 21%, 15%);
--color-background-accent: hsl(240, 23%, 9%); --color-background-accent: hsl(240, 21%, 12%);
--color-text: hsl(226, 64%, 88%); --color-text: hsl(226, 64%, 88%);
--color-border: hsl(233, 12%, 39%); --color-border: hsl(233, 12%, 39%);
--link-color: hsl(23, 92%, 75%); --link-color: hsl(23, 92%, 75%);
@ -87,3 +87,10 @@ td {
border-spacing: 0; border-spacing: 0;
padding: var(--spacing-half); padding: var(--spacing-half);
} }
header,
main,
footer {
background-color: var(--color-background-accent);
padding: var(--spacing);
}