spanish-quizzer

commit 053394a71cf89a9d30d1e13204615c94a707f2cd
parent d68daa732de78991a76437636892606ff89b590c
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Wed,  8 Jul 2020 12:45:23 -0700

Improve dark mode.

Diffstat:
M
Styles/Global.css
 | 
22
+++++++++++++---------
M
Styles/Settings.css
 | 
3
++-

2 files changed, 15 insertions(+), 10 deletions(-)
diff --git a/Styles/Global.css b/Styles/Global.css
@@ -1,9 +1,10 @@
 /******** Variable styles ********/
 :root {
-    --border-color: #808080;
+    --theme-color: #00aad4;
     --foreground-color: #000000;
     --background-color: #FFFFFF;
     --hover-color: #F0F0F0;
+    --border-color: #808080;
 }
 
 
@@ -47,7 +48,7 @@ button:disabled {
     top: 0px;
     left: 0px;
     width: 100%;
-    background-color: #00aad4;
+    background-color: var(--theme-color);
 }
 
 h1 {
@@ -85,13 +86,17 @@ h1 {
 
 /******** Dark mode styles ********/
 body.dark {
-    --background-color: #000000;
+    --theme-color: #0088AA;
     --foreground-color: #E0E0E0;
-    --hover-color: #404040;
+    --background-color: #121416;
+    --hover-color: #323436;
+    --border-color: #505050;
 }
 
 .dark button, .dark input, .dark select {
-    --background-color: #303030;
-    --foreground-color: #FFFFFF;
-    --hover-color: #404040;
-}
-\ No newline at end of file
+    --background-color: #222426;
+}
+
+.dark a {
+    color: #0080ff;
+}
diff --git a/Styles/Settings.css b/Styles/Settings.css
@@ -31,8 +31,9 @@ h3 {
     width: 160px;
 }
 
-.settingsSetRemove {
+.settingsSetRemove, .dark .settingsSetRemove {
     cursor: pointer;
+    color: var(--foreground-color);
 }
 
 #settingsStart, #settingsResume {