* Style: Change colors to be more readable

1 files changed, 25 insertions, 31 deletions

diff --git a/index.css b/index.css
index 61f21d0..6291cff 100644
--- a/index.css
+++ b/index.css
@@ -12,30 +12,27 @@ pre {
 .chord1,
 .chord-11,
 .chordDb {
-  color: #f7102c;
-  text-shadow: 1px 1px 1px black;
+  color: #ff0000;
 }
 .chord2,
 .chord-10,
 .chordD {
-  color: #ff6400;
+  color: #e75b28;
 }
 .chord3,
 .chord-9,
 .chordEb {
-  color: #fcb30f;
-  text-shadow: 1px 1px 1px black;
+  color: #ff6400;
 }
 .chord4,
 .chord-8,
 .chordE {
-  color: #c8c800;
+  color: #969600;
 }
 .chord5,
 .chord-7,
 .chordF {
-  color: #d0ff14;
-  text-shadow: 1px 1px 1px black;
+  color: #c8c800;
 }
 .chord6,
 .chord-6,
@@ -96,60 +93,57 @@ pre {
 .btn-Db {
   margin-top: 1em;
   color: white;
-  background-color: #f7102c;
-  border-color: #d5000a;
-  text-shadow: 1px 1px 1px black;
+  background-color: #ff0000;
+  border-color: #dd0000;
 }
 .btn-Db:hover {
   color: white;
-  background-color: #e6001b;
-  border-color: #c40000;
+  background-color: #ee0000;
+  border-color: #cc0000;
 }
 .btn-D {
   margin-top: 1em;
   color: white;
-  background-color: #ff6400;
-  border-color: #dd4200;
+  background-color: #e75b28;
+  border-color: #c53906;
 }
 .btn-D:hover {
   color: white;
-  background-color: #ee5300;
-  border-color: #cc3100;
+  background-color: #d64a17;
+  border-color: #b42800;
 }
 .btn-Eb {
   margin-top: 1em;
   color: white;
-  background-color: #fcb30f;
-  border-color: #da9100;
-  text-shadow: 1px 1px 1px black;
+  background-color: #ff6400;
+  border-color: #dd4200;
 }
 .btn-Eb:hover {
   color: white;
-  background-color: #eba200;
-  border-color: #c98000;
+  background-color: #ee5300;
+  border-color: #cc3100;
 }
 .btn-E {
   margin-top: 1em;
   color: white;
-  background-color: #c8c800;
-  border-color: #a6a600;
+  background-color: #969600;
+  border-color: #747400;
 }
 .btn-E:hover {
   color: white;
-  background-color: #b7b700;
-  border-color: #959500;
+  background-color: #858500;
+  border-color: #636300;
 }
 .btn-F {
   margin-top: 1em;
   color: white;
-  background-color: #d0ff14;
-  border-color: #aedd00;
-  text-shadow: 1px 1px 1px black;
+  background-color: #c8c800;
+  border-color: #a6a600;
 }
 .btn-F:hover {
   color: white;
-  background-color: #bfee03;
-  border-color: #9dcc00;
+  background-color: #b7b700;
+  border-color: #959500;
 }
 .btn-Gb {
   margin-top: 1em;