diff --git a/static/styles.css b/static/styles.css index b7cf889..49931d5 100644 --- a/static/styles.css +++ b/static/styles.css @@ -9,8 +9,8 @@ /* Base */ --color-background: hsl(220, 23%, 95%); - /* Crust */ - --color-background-accent: hsl(220, 21%, 89%); + /* Mantle */ + --color-background-accent: hsl(220, 22%, 92%); /* Text */ --color-text: hsl(234, 16%, 35%); @@ -25,7 +25,7 @@ @media (prefers-color-scheme: dark) { :root { --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-border: hsl(233, 12%, 39%); --link-color: hsl(23, 92%, 75%); @@ -87,3 +87,10 @@ td { border-spacing: 0; padding: var(--spacing-half); } + +header, +main, +footer { + background-color: var(--color-background-accent); + padding: var(--spacing); +}