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

Compare commits

base: neale:dc918b983a2068fd5dd4b7a695bb36e59113787e
Branches Tags
neale:main
..
compare: neale:f2302bff2a371d745c38384cbd3cade3660c96ff
Branches Tags
neale:main

2 Commits
dc918b983a ... f2302bff2a

Author SHA1 Message Date
Neale Pickett f2302bff2a Real dark mode. 
I had used the wrong debug control to test it :\
 2023-01-06 14:20:01 -07:00
Neale Pickett ad49793bc8 Add dark mode (fixes #46) 2023-01-06 14:07:12 -07:00
2 changed files with 26 additions and 0 deletions
Show Stats Expand all files Collapse all files

25
static/dark.css Normal file
View File

@ -0,0 +1,25 @@
@media (prefers-color-scheme: dark) {
html {
background-color: black;
}
.box {
background-color: #222;
}
.input, .button, .textarea, .select select {
background-color: #444;
}
html, .box, .title, .label, .input, .button, .textarea, .select select {
color: white;
}
.button.is-primary {
background-color: #086;
}
input[type=range] {
accent-color: #086;
}
}

1
static/index.html
View File

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