monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-20 15:26:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add Pink Lemonade, Creamsicle, and Beach Themes 🍹🍊🏖 (#2274) by teddinotteddy

Browse source 
* Create beach.css

* Update _list.json

* Update beach.css

* Update beach.css

* Update beach.css

* Update beach.css

* Update beach.css

* Update beach.css

* Add Creamsicle Theme 🍊

* Create pink_lemonade.css

* Delete beach.css

* Update _list.json

* Update _list.json

* Create beach.css

* Change Creamsicle Theme Error Color

* Change Error Color to Purple

Purple contrasts better with orange then blue.

Co-authored-by: Jack <jack@monkeytype.com>
This commit is contained in:
Teddi 2022-01-11 11:52:48 -06:00 committed by GitHub
parent cbf1219a1c
commit d4c7c62c26
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 57 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
static/themes/_list.json
View file

@ -645,6 +645,21 @@
"textColor":"#c69f68"
},
{
"name": "pink_lemonade",
"bgColor" : "#f6d992",
"textColor":"#f6b092"
},
{
"name": "creamsicle",
"bgColor" : "#ff9869",
"textColor":"#fcfcf8"
},
{
"name": "beach",
"bgColor" : "#ffeead",
"textColor":"#88d8b0"
},
{
"name": "desert_oasis",
"bgColor" : "#fff2d5",
"textColor":"#332800"

20
static/themes/beach.css Normal file
View file

@ -0,0 +1,20 @@
:root {
--bg-color: #ffeead;
--main-color: #96ceb4;
--caret-color: #ffcc5c;
--sub-color: #ffcc5c;
--text-color: #5b7869;
--error-color: #ff6f69;
--error-extra-color: #ff6f69;
--colorful-error-color: #ff6f69;
--colorful-error-extra-color: #ff6f69;
}
#menu .icon-button:nth-child(1),
#menu .icon-button:nth-child(2),
#menu .icon-button:nth-child(3),
#menu .icon-button:nth-child(4),
#menu .icon-button:nth-child(5),
#menu .icon-button:nth-child(6) {
color: #ff6f69;
}

11
static/themes/creamsicle.css Normal file
View file

@ -0,0 +1,11 @@
:root {
--bg-color: #ff9869;
--main-color: #fcfcf8;
--caret-color: #fcfcf8;
--sub-color: #ff661f;
--text-color: #fcfcf8;
--error-color: #6a0dad;
--error-extra-color: #6a0dad;
--colorful-error-color: #6a0dad;
--colorful-error-extra-color: #6a0dad;
}

11
static/themes/pink_lemonade.css Normal file
View file

@ -0,0 +1,11 @@
:root {
--bg-color: #f6d992;
--main-color: #f6a192;
--caret-color: #fcfcf8;
--sub-color: #f6b092;
--text-color: #fcfcf8;
--error-color: #ff6f69;
--error-extra-color: #ff6f69;
--colorful-error-color: #ff6f69;
--colorful-error-extra-color: #ff6f69;
}