From cf94bcf4864ed9dfbc6a2190888ca9c5f0406778 Mon Sep 17 00:00:00 2001
From: Alvie Rahman <alvierahman90@gmail.com>
Date: Wed, 13 Apr 2022 02:55:01 +0100
Subject: [PATCH] update styles

---
 game_styles.css | 7 +++++--
 styles.css      | 5 ++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/game_styles.css b/game_styles.css
index 28f908f..86cd9e2 100644
--- a/game_styles.css
+++ b/game_styles.css
@@ -74,10 +74,12 @@ input {
   --okay: var(--yellow);
   --bad: var(--red);
   background: var(--good);
+  color: var(--dark);
 }
 
 #time {
   background: var(--blue);
+  color: var(--dark);
 }
 
 #gameinfo {
@@ -154,8 +156,8 @@ span#questionCapital {
 }
 
 #settings .regionListItem:hover {
-  background: #d9d9d9;
-  color: black;
+  background: var(--light);
+  color: var(--dark);
 }
 
 /* toggle switches */
@@ -242,6 +244,7 @@ input[type="radio"] + label {
 }
 input[type="radio"]:checked + label {
   background-color: var(--yellow);
+  color: var(--dark);
 }
 
 #previousQuestionAnswer {
diff --git a/styles.css b/styles.css
index 400918c..ce15cb3 100644
--- a/styles.css
+++ b/styles.css
@@ -1,4 +1,6 @@
 @import url("https://styles.alv.cx/base.css");
+@import url("https://styles.alv.cx/modules/darkmode.css");
+@import url("https://styles.alv.cx/modules/colors/gruvbox.css");
 
 :root {
   --default-bg: #fefefe;
@@ -17,14 +19,11 @@
 
 body {
   font-family: monospace;
-  color: var(--default-fg);
   font-size: 16px;
   margin: 0 auto;
   max-width: 800px;
   padding: 2em;
   line-height: 1.1;
-  text-align: justify;
-  background-color: var(--default-bg);
 }
 
 @media only screen and (max-width: 600px) {