mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-03-12 23:20:25 +08:00
Add Pink Lemonade, Creamsicle, and Beach Themes 🍹🍊🏖 (#2274) by teddinotteddy
* 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:
parent
cbf1219a1c
commit
d4c7c62c26
4 changed files with 57 additions and 0 deletions
|
@ -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
20
static/themes/beach.css
Normal 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
11
static/themes/creamsicle.css
Normal 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
11
static/themes/pink_lemonade.css
Normal 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;
|
||||
}
|
Loading…
Reference in a new issue