mirror of https://github.com/nealey/vail.git
Real dark mode.
I had used the wrong debug control to test it :\
This commit is contained in:
parent
ad49793bc8
commit
f2302bff2a
|
@ -1,18 +1,25 @@
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
html {
|
html {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
color: white;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
color: #eee; /* Make this darker to make the on-screen lighter. I don't know why. */
|
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 {
|
.button.is-primary {
|
||||||
background-color: #096;
|
background-color: #086;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type=range] {
|
input[type=range] {
|
||||||
accent-color: #096;
|
accent-color: #086;
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue