Skip to content

Commit

Permalink
added 2 more colors to each theme to make sure errors are visible wit…
Browse files Browse the repository at this point in the history 
…h extra color enabled
  • Loading branch information
@Miodec
Miodec committed Jun 9, 2020
1 parent c37d486 commit d9b0950
Show file tree
Hide file tree
Showing 36 changed files with 113 additions and 35 deletions.
18 changes: 18 additions & 0 deletions public/css/style.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -810,6 +810,12 @@ key {
& letter.correct{
color: var(--main-color);
}
& letter.incorrect{
color: var(--extra-error-color);
}
& letter.incorrect.extra{
color: var(--extra-error-extra-color);
}
}
}

Expand All @@ -819,9 +825,21 @@ key {
& letter.correct{
color: var(--sub-color);
}
& letter.incorrect{
color: var(--extra-error-color);
}
& letter.incorrect.extra{
color: var(--extra-error-extra-color);
}
}
}

#words.flipped.extraColor .word.error,
#words.extraColor .word.error
{
border-bottom: 2px solid var(--extra-error-color);
}

.pageTest #resultExtraButtons{
opacity: 0;
display: grid;
Expand Down
2 changes: 2 additions & 0 deletions public/themes/8008.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #e9ecf0;
--error-color: #da3333;
--error-extra-color: #791717;
--extra-error-color: #c5da33;
--extra-error-extra-color: #849224;
}
4 changes: 3 additions & 1 deletion public/themes/9009.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,9 @@
--sub-color: #99947f;
--text-color: #080909;
--error-color: #c87e74;
--extra-error-color: #a56961;
--extra-error-color: #a56961;
--extra-error-color: #c87e74;
--extra-error-extra-color: #a56961;
}

.word letter.incorrect{
Expand Down
2 changes: 2 additions & 0 deletions public/themes/bingsu.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@
--text-color: #ebe6ea;
--error-color: #921341;
--error-extra-color: #640b2c;
--extra-error-color: #921341;
--extra-error-extra-color: #640b2c;
}

/* .word.error{
Expand Down
8 changes: 5 additions & 3 deletions public/themes/bliss.css
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,11 @@
:root {
--bg-color: #262727;
--main-color: #665957;
--main-color: #f0d3c9;
--caret-color: #f0d3c9;
--sub-color: #f0d3c9;
--sub-color: #665957;
--text-color: #fff;
--error-color: #bd4141;
--error-extra-color: #883434;
--error-extra-color: #883434;
--extra-error-color: #bd4141;
--extra-error-extra-color: #883434;
}
4 changes: 3 additions & 1 deletion public/themes/botanical.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,5 +5,7 @@
--sub-color: #495755;
--text-color: #eaf1f3;
--error-color: #f6c9b4;
--error-extra-color: #f59a71;
--error-extra-color: #f59a71;
--extra-error-color: #f6c9b4;
--extra-error-extra-color: #f59a71;
}
4 changes: 3 additions & 1 deletion public/themes/bushido.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,5 +5,7 @@
--sub-color: #596172;
--text-color: #f6f0e9;
--error-color: #ec4c56;
--error-extra-color: #9b333a;
--error-extra-color: #9b333a;
--extra-error-color: #ecdc4c;
--extra-error-extra-color: #bdb03d;
}
2 changes: 2 additions & 0 deletions public/themes/carbon.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #f5e6c8;
--error-color: #e72d2d;
--extra-error-color: #b62828;
--extra-error-color: #a5e72d;
--extra-error-extra-color: #74a120;
}
2 changes: 2 additions & 0 deletions public/themes/dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #eee;
--error-color: #da3333;
--error-extra-color: #791717;
--extra-error-color: #da3333;
--extra-error-extra-color: #791717;
}
2 changes: 2 additions & 0 deletions public/themes/dots.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@
--text-color: #fff;
--error-color: #da3333;
--error-extra-color: #791717;
--extra-error-color: #da3333;
--extra-error-extra-color: #791717;
}

#menu{
Expand Down
2 changes: 2 additions & 0 deletions public/themes/dracula.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@
--text-color: #f2f2f2;
--error-color: #f758a0;
--error-extra-color: #732e51;
--extra-error-color: #f758a0;
--extra-error-extra-color: #732e51;
}


Expand Down
4 changes: 3 additions & 1 deletion public/themes/gruvbox_dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@
--caret-color: #458588;
--sub-color: #b8bb26;
--text-color: #ebdbb2;
--error-color: #fb4934 ;
--error-color: #fb4934;
--error-extra-color: #cc241d;
--extra-error-color: #fb4934;
--extra-error-extra-color: #cc241d;
}
2 changes: 2 additions & 0 deletions public/themes/gruvbox_light.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #3c3836;
--error-color: #cc241d;
--error-extra-color: #9d0006;
--extra-error-color: #cc241d;
--extra-error-extra-color: #9d0006;
}
2 changes: 2 additions & 0 deletions public/themes/laser.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #dbe7e8;
--error-color: #a8d400;
--error-extra-color: #668000;
--extra-error-color: #a8d400;
--extra-error-extra-color: #668000;
}
2 changes: 2 additions & 0 deletions public/themes/light.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #111;
--error-color: #da3333;
--error-extra-color: #791717;
--extra-error-color: #da3333;
--extra-error-extra-color: #791717;
}
2 changes: 2 additions & 0 deletions public/themes/metaverse.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #e8e8e8;
--error-color: #da3333;
--error-extra-color: #791717;
--extra-error-color: #d7da33;
--extra-error-extra-color: #737917;
}
10 changes: 6 additions & 4 deletions public/themes/miami.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,10 @@
--bg-color: #f35588;
--main-color: #05dfd7;
--caret-color: #a3f7bf;
--text-color: #231e20;
--sub-color: #fff591;
--error-color: #9d72ff;
--error-extra-color: #7353bd;
--text-color: #f0e9ec;
--sub-color: #94294c;
--error-color: #fff591;
--error-extra-color: #b9b269;
--extra-error-color: #fff591;
--extra-error-extra-color: #b9b269;
}
6 changes: 4 additions & 2 deletions public/themes/miami_nights.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,10 @@
--bg-color: #18181a;
--main-color: #e4609b;
--caret-color: #e4609b;
--sub-color: #fff;
--text-color: #e4609b;
--sub-color: #47bac0;
--text-color: #fff;
--error-color: #fff591;
--error-extra-color: #b6af68;
--extra-error-color: #fff591;
--extra-error-extra-color: #b6af68;
}
6 changes: 4 additions & 2 deletions public/themes/mint.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@
--caret-color: #5cdb95;
--sub-color: #20688a;
--text-color: #edf5e1;
--error-color: #F35588;
--error-extra-color: rgb(163, 56, 90);
--error-color: #f35588;
--error-extra-color: #a3385a;
--extra-error-color: #f35588;
--extra-error-extra-color: #a3385a;
}
2 changes: 2 additions & 0 deletions public/themes/mizu.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #1a2633;
--error-color: #bf616a;
--error-extra-color: #793e44;
--extra-error-color: #bf616a;
--extra-error-extra-color: #793e44;
}
2 changes: 2 additions & 0 deletions public/themes/modern_dolch.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #e3e6eb;
--error-color: #d36a7b;
--error-extra-color: #994154;
--extra-error-color: #d36a7b;
--extra-error-extra-color: #994154;
}
2 changes: 2 additions & 0 deletions public/themes/monokai.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #E6DB74;
--error-color: #F92672;
--error-extra-color: #FD971F;
--extra-error-color: #F92672;
--extra-error-extra-color: #FD971F;
}
6 changes: 4 additions & 2 deletions public/themes/mr_sleeves.css
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@
:root {
--bg-color: #6c7072;
--bg-color: #d1d7da;
--main-color: #daa99b;
--caret-color: #8fadc9;
--sub-color: #878c91;
--sub-color: #9a9fa1;
--text-color: #1d1d1d;
--error-color: #bf6464;
--error-extra-color: #793e44;
--extra-error-color: #8fadc9;
--extra-error-extra-color: #667c91;
}

#top .logo .bottom{
Expand Down
2 changes: 2 additions & 0 deletions public/themes/nautilus.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #1cbaac;
--error-color: #da3333;
--error-extra-color: #791717;
--extra-error-color: #da3333;
--extra-error-extra-color: #791717;
}
2 changes: 2 additions & 0 deletions public/themes/nord.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #d8dee9;
--error-color: #bf616a;
--error-extra-color: #793e44;
--extra-error-color: #bf616a;
--extra-error-extra-color: #793e44;
}
4 changes: 3 additions & 1 deletion public/themes/oblivion.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,11 @@
--main-color: #a5a096;
--caret-color: #a5a096;
--sub-color: #5d6263;
--text-color: #e7e3db;
--text-color: #f7f5f1;
--error-color: #dd452e;
--error-extra-color: #9e3423;
--extra-error-color: #dd452e;
--extra-error-extra-color: #9e3423;
}

#menu .button:nth-child(1){
Expand Down
2 changes: 2 additions & 0 deletions public/themes/olivia.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color:#f2efed;
--error-color: #bf616a;
--error-extra-color: #793e44;
--extra-error-color: #e03d4e;
--extra-error-extra-color: #aa2f3b;
}
6 changes: 4 additions & 2 deletions public/themes/red_samurai.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@
--caret-color: #c79e6e;
--sub-color: #55131b;
--text-color: #e2dad0;
--error-color: #da3333;
--error-extra-color: #791717;
--error-color: #33bbda;
--error-extra-color: #176b79;
--extra-error-color: #33bbda;
--extra-error-extra-color: #176779;
}
2 changes: 2 additions & 0 deletions public/themes/retro.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #1d1b17;
--error-color: #bf616a;
--error-extra-color: #793e44;
--extra-error-color: #bf616a;
--extra-error-extra-color: #793e44;
}
4 changes: 3 additions & 1 deletion public/themes/rgb.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,9 @@
--sub-color: #444;
--text-color: #eee;
--error-color: #eee;
--error-extra-color: rgb(179, 179, 179);
--error-extra-color: #b3b3b3;
--extra-error-color: #eee;
--extra-error-extra-color: #b3b3b3;
}

@keyframes rgb{
Expand Down
2 changes: 2 additions & 0 deletions public/themes/serika.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color:#323437;
--error-color: #da3333;
--error-extra-color: #791717;
--extra-error-color: #da3333;
--extra-error-extra-color: #791717;
}
4 changes: 3 additions & 1 deletion public/themes/serika_dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,5 +5,7 @@
--sub-color: #646669;
--text-color: #d1d0c5;
--error-color: #ca4754;
--error-extra-color: #7e2a33;
--error-extra-color: #7e2a33;
--extra-error-color: #ca4754;
--extra-error-extra-color: #7e2a33;
}
16 changes: 4 additions & 12 deletions public/themes/shadow.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,10 @@
--caret-color: #eee;
--sub-color: #444;
--text-color: #eee;
--error-color: #fff;
--error-extra-color: #d8d8d8;
--extra-error-color: #fff;
--extra-error-extra-color: #d8d8d8;
}

@keyframes shadow {
Expand All @@ -21,18 +25,6 @@
}
}

.word.error {
border-bottom: 2px solid #fff;
}

.word letter.incorrect {
color: #fff;
}

.word letter.incorrect.extra {
color: #fff;
}

#liveWpm{
color: white;
}
Expand Down
4 changes: 3 additions & 1 deletion public/themes/striker.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,5 +5,7 @@
--sub-color: #0f2d4e;
--text-color: #d6dbd9;
--error-color: #fb4934;
--extra-error-color: #cc241d;
--error-extra-color: #cc241d;
--extra-error-color: #fb4934;
--extra-error-extra-color: #cc241d;
}
2 changes: 2 additions & 0 deletions public/themes/taro.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@
--text-color: #130f1a;
--error-color: #ffe23e;
--error-extra-color: #fff1c3;
--extra-error-color: #ffe23e;
--extra-error-extra-color: #fff1c3;
}

.word.error{
Expand Down
2 changes: 2 additions & 0 deletions public/themes/terminal.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,6 @@
--text-color: #e7eae0;
--error-color: #a61717;
--error-extra-color: #731010;
--extra-error-color: #a61717;
--extra-error-extra-color: #731010;
}

0 comments on commit d9b0950

Please sign in to comment.