Zach's git repos / prosongsa
Backend for songs.zachdecook.com
* Style: Change colors to be more readable
Browse Source
Zach DeCook 2018-03-20
parent ab683a7 · commit dc7b78a
Diffstat
-rw-r--r--index.css56
-rw-r--r--index.less18
2 files changed, 34 insertions, 40 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;
diff --git a/index.less b/index.less
index 2ba475a..ac79cda 100644
--- a/index.less
+++ b/index.less
@@ -1,11 +1,11 @@
@Red-Apple: rgb(192,0,0);
@Cherry: rgb(255,0,0);
-@Strawberry: rgb(247, 16, 44);
+@Strawberry: rgb(247, 16, 44);// also too bright
@Grapefruit: rgb(231,91,40);//Going into retirement.
@Orange: rgb(255,100,0);
@Banana: rgb(150,150,0);//Going into retirement.
-@Mango: rgb(252, 179, 15);
-@Lemon: rgb(200,200,0);//This color is not accurately named.
+@Mango: rgb(252, 179, 15);// also too bright
+@Lemon: rgb(200,200,0);//This color is not accurately named.// and too bright...ish
@Pear: rgb(208, 255, 20);//Too bright to see!
@Green-Apple: rgb(100,192,0);//Going into retirement.
@Lime: rgb(0,220,0);
@@ -16,11 +16,11 @@
@Raspberry: rgb(231, 65, 124);
@ColorC: @Red-Apple;
-@ColorDb: @Strawberry;
-@ColorD: @Orange;
-@ColorEb: @Mango;
-@ColorE: @Lemon;
-@ColorF: @Pear;
+@ColorDb: @Cherry;
+@ColorD: @Grapefruit;
+@ColorEb: @Orange;
+@ColorE: @Banana;
+@ColorF: @Lemon;
@ColorGb: @Green-Apple;
@ColorG: @Lime;
@ColorAb: @Blue-Razzberry;
@@ -128,4 +128,4 @@ pre {
}
.btn-B{
.btn-Z(@ColorB);
-} \ No newline at end of file
+}