spanish-quizzer

commit 2916d3b1146948b78942dda776f56b134dab69f2
parent fb6ea1c9fa9163a6cc380780bc7b8efa0069ad78
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Wed, 25 Mar 2020 19:55:26 -0700

Improve button, select, and input styles.

Diffstat:
M
Styles.css
 | 
43
++++++++++++++++++++++++++++++++++++++-----

1 file changed, 38 insertions(+), 5 deletions(-)
diff --git a/Styles.css b/Styles.css
@@ -2,6 +2,8 @@
 body {
     font-family: Arial, Helvetica, sans-serif;
     text-align: center;
+    background-color: #FFFFFF;
+    color: #000000;
 }
 
 
@@ -48,16 +50,47 @@ body {
 
 
 
+/******** Control styles ********/
+button, input, select {
+    background-color: #FFFFFF;
+    border: 1px solid #808080;
+    color: #000000;
+}
+
+
+button:hover:enabled {
+    cursor: pointer;
+    background-color: #F0F0F0;
+}
+
+
+button:disabled {
+    background-color: #F0F0F0;
+    color: #808080;
+}
+
+
+
 /******** Dark mode styles ********/
 body.dark {
-    background-color: #101010;
-    color: #f0f0f0;
+    background-color: #000000;
+    color: #E0E0E0;
 }
 
 
 .dark button, .dark input, .dark select {
     background-color: #303030;
-    color: #ffffff;
-    border-color: #ffffff;
-    border-width: 1px;
+    color: #FFFFFF;
+}
+
+
+.dark button:hover:enabled {
+    cursor: pointer;
+    background-color: #404040;
+}
+
+
+.dark button:disabled {
+    background-color: #404040;
+    color: #808080;
 }
 \ No newline at end of file