From aee1c4ab44b3222025c8555741b9019b4c9f1d72 Mon Sep 17 00:00:00 2001
From: Philip Kaludercic <philip.kaludercic@fau.de>
Date: Mon, 22 Jan 2024 10:19:09 +0000
Subject: [PATCH] Add a "prefers-color-scheme" block
---
quiz.css | 22 +++++++++++++++++++++-
1 file changed, 21 insertions(+), 1 deletion(-)
diff --git a/quiz.css b/quiz.css
index 0c7ae98..b532271 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%);
+ }
+}
--
GitLab