cmd/pkgserver: fix dark mode in test web UI
This commit is contained in:
@@ -1,3 +1,19 @@
|
||||
:root {
|
||||
--bg: #d3d3d3;
|
||||
--fg: black;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--bg: #2c2c2c;
|
||||
--fg: ghostwhite;
|
||||
}
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: var(--bg);
|
||||
color: var(--fg);
|
||||
}
|
||||
h1, p, summary {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
@@ -9,7 +25,7 @@ h1, p, summary {
|
||||
details.test-node {
|
||||
margin-left: 1rem;
|
||||
padding: 0.2rem 0.5rem;
|
||||
border-left: 2px dashed black;
|
||||
border-left: 2px dashed var(--fg);
|
||||
> summary {
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -21,7 +37,7 @@ details.test-node {
|
||||
* individuals, it's better than no indication of a test's state.
|
||||
* See: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::marker#browser_compatibility
|
||||
*/
|
||||
color: black;
|
||||
color: var(--fg);
|
||||
content: url("/static/success-closed.svg");
|
||||
}
|
||||
&.success[open] > summary::marker {
|
||||
|
||||
Reference in New Issue
Block a user