diff --git a/quiz.css b/quiz.css index 0c7ae98086b534895b6d41eeb53c868dbdf6c4c5..b532271d04cabe238200e8d3a35f904e162cae9d 100644 --- a/quiz.css +++ b/quiz.css @@ -6,7 +6,7 @@ * this work. If not, see * http://creativecommons.org/publicdomain/zero/1.0/. */ -/* $Id: quiz.css,v 1.3 2024/01/21 13:01:04 oj14ozun Exp oj14ozun $ */ +/* $Id: quiz.css,v 1.4 2024/01/22 10:08:19 oj14ozun Exp oj14ozun $ */ :root { font-family: system-ui, "Open Sans", "Noto Sans", "Lato", Arial, sans-serif; @@ -274,3 +274,23 @@ footer > code { opacity: 50%; } } + +/* basic "dark theme" support */ +@media screen and (prefers-color-scheme: dark) { + :root { + --deafult-tint: darkslategray; + --highlight: cyan; + --correct: seagreen; + --wrong: maroon; + --ambiguous: sienna; + } + + html { + background: black; + color: white; + } + + a, button, input { + filter: invert(90%); + } +}