dark mode

This commit is contained in:
Alex Janka 2024-01-23 14:17:55 +11:00
parent 701f7e7ea2
commit 4e3ea45bd0

View file

@ -1,6 +1,7 @@
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
background-color: #333;
color: #333;
}
.container {
@ -23,7 +24,7 @@ a.outlink {
}
a.outlink:hover {
color: rgb(100, 90, 255);
color: rgb(110, 100, 255);
}
.loading,
@ -39,6 +40,7 @@ a.outlink:hover {
.selector {
padding: 1em;
background-color: gray;
color: #333;
width: max-content;
border: 0.2em;
border-radius: 6px;
@ -46,7 +48,6 @@ a.outlink:hover {
}
label {
/* display: block; */
padding: 0.5em 1em;
margin: 0.5em;
font-weight: bold;
@ -69,4 +70,24 @@ input[type=radio]:checked:disabled+label {
input[type=radio]:disabled+label {
color: #666;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #222;
}
.container {
background-color: #444;
color: #f0f0f0;
}
a.outlink {
text-decoration: none;
color: rgb(94, 94, 252);
}
a.outlink:hover {
color: rgb(130, 120, 255);
}
}