Add a note that dark mode is experimental

This commit is contained in:
Philipp Oppermann
2021-10-16 17:27:33 +02:00
parent 990169b631
commit d8c27c7fcc
4 changed files with 35 additions and 0 deletions

View File

@@ -820,6 +820,10 @@ div.warning p:last-child {
margin-bottom: 0;
}
div.warning h2 {
margin-top: 0rem;
}
form.subscribe {
margin: 1rem;
}
@@ -956,3 +960,21 @@ a strong {
img {
background-color: white;
}
.dark-mode-note {
display: none;
}
body.dark .dark-mode-note {
display: block;
}
@media (prefers-color-scheme: dark) {
/* defaults to dark theme */
.dark-mode-note {
display: block;
}
/* Override dark mode with light mode styles if the user decides to swap */
body.light .dark-mode-note {
display: none;
}
}