💄 style: use theme variable for table borders

Borders looked jarring in the dark theme, as the hardcoded variable was too close to white.

Also reduces tables' top and bottom margin.
This commit is contained in:
welpo 2023-08-12 00:22:01 +02:00
parent a47a8be011
commit fffaece884
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6

View File

@ -5,23 +5,23 @@ table {
font: inherit;
overflow: hidden;
border-style: hidden !important;
margin: 2rem auto;
min-width: 13rem;
margin: 1rem auto;
border-radius: 5px;
}
table th,
table td {
padding: 6px 13px;
border: 1px solid #dfe2e5;
font-size: large;
}
th, td {
padding: 6px 13px;
border: 1px solid var(--bg-1);
font-size: large;
}
table thead tr {
background-color: var(--primary-color);
color: var(--hover-color);
}
thead tr {
background-color: var(--primary-color);
color: var(--hover-color);
}
table tbody tr:nth-child(even) {
background-color: var(--bg-0);
tbody {
tr:nth-child(even) {
background-color: var(--bg-0);
}
}
}