Make it look much better

Including dark mode!
This commit is contained in:
nora 2025-11-11 19:26:28 +01:00
parent 1d31b9c3fe
commit 310a24aa44
5 changed files with 52 additions and 26 deletions

View file

@ -1,29 +1,48 @@
:root {
color-scheme: light dark;
}
html {
font-family: sans-serif;
margin: 20px;
}
table {
border-spacing: 0;
}
th,
td {
border: 1px solid;
margin: 0;
padding: 2px 5px;
}
tr:not(:last-child) {
th,
td {
border-bottom: 1px solid;
}
}
.error {
background-color: lightcoral;
background-color: light-dark(lightcoral, darkred);
}
.pass {
background-color: greenyellow;
background-color: light-dark(greenyellow, darkgreen);
}
.missing {
background-color: lightgray;
background-color: light-dark(lightgray, rgb(85, 85, 85));
}
.target-header {
writing-mode: sideways-lr;
}
.build-indicator-big {
padding: 10px;
margin-top: 20px;
}
.build-cell {
font-size: 2rem;
}
@ -36,13 +55,20 @@ td {
padding: 5px;
}
.target-name-col {
white-space: nowrap;
}
.footer {
margin-top: 20px;
display: flex;
align-items: center;
gap: 10px;
}
@media (prefers-color-scheme: dark) {
html {
background-color: #1b191c;
color: #e6dae9;
}
a {
color: #e5a5c2;
}
}