neale/vail
neale
/
vail
mirror of https://github.com/nealey/vail.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add dark mode (fixes #46)

This commit is contained in:
Neale Pickett 2023-01-06 14:07:12 -07:00
parent dc918b983a
commit ad49793bc8
2 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
static/dark.css Normal file
View File

@ -0,0 +1,18 @@
@media (prefers-color-scheme: dark) {
html {
background-color: black;
color: white;
}
.box {
color: #eee; /* Make this darker to make the on-screen lighter. I don't know why. */
}
.button.is-primary {
background-color: #096;
}
input[type=range] {
accent-color: #096;
}
}

1
static/index.html
View File

@ -24,6 +24,7 @@
<script type="module" src="scripts/vail.mjs"></script>
<script type="module" src="scripts/ui.mjs"></script>
<link rel="stylesheet" href="vail.css">
<link rel="stylesheet" href="dark.css">
</head>
<body>
<nav class="navbar is-dark">