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;
|
--font-sans-serif: sans-serif;
|
||||||
|
|
||||||
|
/* Base */
|
||||||
--color-background: hsl(220, 23%, 95%);
|
--color-background: hsl(220, 23%, 95%);
|
||||||
|
|
||||||
|
/* Crust */
|
||||||
|
--color-background-accent: hsl(220, 21%, 89%);
|
||||||
|
|
||||||
|
/* Text */
|
||||||
--color-text: hsl(234, 16%, 35%);
|
--color-text: hsl(234, 16%, 35%);
|
||||||
|
|
||||||
|
/* Surface2 */
|
||||||
|
--color-border: hsl(227, 12%, 71%);
|
||||||
|
|
||||||
|
/* Peach */
|
||||||
--link-color: hsl(22, 99%, 52%);
|
--link-color: hsl(22, 99%, 52%);
|
||||||
}
|
}
|
||||||
|
|
||||||
@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, 23%, 9%);
|
||||||
--color-text: hsl(226, 64%, 88%);
|
--color-text: hsl(226, 64%, 88%);
|
||||||
|
--color-border: hsl(233, 12%, 39%);
|
||||||
--link-color: hsl(23, 92%, 75%);
|
--link-color: hsl(23, 92%, 75%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -50,11 +62,11 @@ footer {
|
||||||
table {
|
table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border: 1px solid var(--color-text);
|
border: 1px solid var(--color-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
thead {
|
thead {
|
||||||
border-bottom: 1px solid var(--color-text);
|
border-bottom: 1px solid var(--color-border);
|
||||||
background: var(--color-background-accent);
|
background: var(--color-background-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -63,7 +75,7 @@ tbody tr:nth-child(even) {
|
||||||
}
|
}
|
||||||
|
|
||||||
tfoot {
|
tfoot {
|
||||||
border-bottom: 1px solid var(--color-text);
|
border-bottom: 1px solid var(--color-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
th {
|
th {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue