Signed-off-by: Severin Kaderli <severin@kaderli.dev>
This commit is contained in:
parent
ce7cac93cf
commit
5e010d5858
1 changed files with 16 additions and 4 deletions
|
@ -6,16 +6,28 @@
|
|||
|
||||
--font-sans-serif: sans-serif;
|
||||
|
||||
/* Base */
|
||||
--color-background: hsl(220, 23%, 95%);
|
||||
|
||||
/* Crust */
|
||||
--color-background-accent: hsl(220, 21%, 89%);
|
||||
|
||||
/* Text */
|
||||
--color-text: hsl(234, 16%, 35%);
|
||||
|
||||
/* Surface2 */
|
||||
--color-border: hsl(227, 12%, 71%);
|
||||
|
||||
/* Peach */
|
||||
--link-color: hsl(22, 99%, 52%);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: DARK) {
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--color-background: hsl(240, 21%, 15%);
|
||||
--color-background-accent: hsl(240, 23%, 9%);
|
||||
--color-text: hsl(226, 64%, 88%);
|
||||
--color-border: hsl(233, 12%, 39%);
|
||||
--link-color: hsl(23, 92%, 75%);
|
||||
}
|
||||
}
|
||||
|
@ -50,11 +62,11 @@ footer {
|
|||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
border: 1px solid var(--color-text);
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
thead {
|
||||
border-bottom: 1px solid var(--color-text);
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
background: var(--color-background-accent);
|
||||
}
|
||||
|
||||
|
@ -63,7 +75,7 @@ tbody tr:nth-child(even) {
|
|||
}
|
||||
|
||||
tfoot {
|
||||
border-bottom: 1px solid var(--color-text);
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
th {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue