From 50a55ff68ba5671133eda42e66093f70186f3090 Mon Sep 17 00:00:00 2001
From: Thomas Rupprecht <rupprecht.thomas@gmail.com>
Date: Wed, 22 Sep 2021 22:51:55 +0200
Subject: [PATCH] use css variables and prepare for dark mode support

---
 popup/index.css | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/popup/index.css b/popup/index.css
index ba08a1a..9ba8399 100644
--- a/popup/index.css
+++ b/popup/index.css
@@ -1,6 +1,25 @@
+:root {
+	--light-blue: #2AA1BF;
+	--dark-blue: #095C81;
+	--light-color: #333;
+	--dark-color: #CCC;
+	--light-background: #FFF;
+	--dark-background: #111;
+	--light-code-background: #EBEBEB;
+	--dark-code-background: #333;
+}
+
 body {
 	width: 360px;
+	color: var(--light-color);
+	background-color: var(--light-background);
 }
+/* @media (prefers-color-scheme: dark) {
+	body {
+		color: var(--dark-color);
+		background-color: var(--dark-background);
+	}
+} */
 
 h2 {
 	margin: 12px 8px 8px;
@@ -44,8 +63,13 @@ summary > h2 {
 	height: 240px;
 	overflow-x: hidden;
 	overflow-y: scroll;
-	background-color: #ebebeb;
+	background-color: var(--light-code-background);
 }
+/* @media (prefers-color-scheme: dark) {
+	#space-api {
+		background-color: var(--dark-code-background);
+	}
+} */
 #space-api code {
 	font-family: monospace;
 	font-size: 10px;