From 016b3d5f23533808c14f3d7b273b080d0d4dc49c Mon Sep 17 00:00:00 2001
From: Florian Fischer <florian.fischer@muhq.space>
Date: Tue, 15 Feb 2022 14:08:14 +0100
Subject: also apply color schemes to tools.html

---
 html/tools.html | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

(limited to 'html/tools.html')

diff --git a/html/tools.html b/html/tools.html
index 2b47f21c..5d638ef5 100644
--- a/html/tools.html
+++ b/html/tools.html
@@ -5,6 +5,22 @@
   <title>Muhq’s Game Web Tools</title>
 
   <style>
+:root {
+  /* define applied colors */
+  --bg: #fdfdfd;
+  --fg: #1a1a1a;
+}
+
+@media (prefers-color-scheme: dark) {
+  /* change apllied colors to the dark gruvbox pallet
+   * https://github.com/morhetz/gruvbox
+   */
+  :root {
+    --bg: #282828; /* dark bg */
+    --fg: #ebdbb2; /* dark fg */
+  }
+}
+
 [class*="cell-"] {
   min-width: 20px;
   min-height: 20px;
@@ -27,8 +43,8 @@ html {
   line-height: 1.5;
   font-family: Georgia, serif;
   font-size: 20px;
-  color: #1a1a1a;
-  background-color: #fdfdfd;
+  color: var(--fg);
+  background-color: var(--bg);
 }
 
 body {
-- 
cgit v1.2.3