dark mode

This commit is contained in:
Josh Patra
2025-07-22 13:19:14 -04:00
parent 893c811802
commit 01b9b576eb
3 changed files with 109 additions and 1 deletions

View File

@@ -1,5 +1,7 @@
body {
min-width: 8em;
background-color: white;
color: #333;
}
hr {
@@ -32,3 +34,35 @@ button {
.hide {
display: none;
}
/* Dark mode styles */
@media (prefers-color-scheme: dark) {
body {
background-color: #1a1a1a;
color: #e0e0e0;
}
hr {
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
button {
background-image: linear-gradient(#404040, #404040 38%, #353535);
border: 1px solid rgba(255, 255, 255, 0.25);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08),
inset 0 1px 2px rgba(0, 0, 0, 0.75);
color: #e0e0e0;
text-shadow: 0 1px 0 rgb(20, 20, 20);
}
button:hover {
background-image: linear-gradient(#4a4a4a, #4a4a4a 38%, #3f3f3f);
}
button:active {
background-image: linear-gradient(#353535, #353535 38%, #2a2a2a);
}
#status {
color: #ccc;
}
}