mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-02-04 04:51:16 +08:00
Merge pull request #106 from bhomie/theme-adjustments
Add Hover to theme buttons, adjust 9009, add Taro
This commit is contained in:
commit
d2966055fa
4 changed files with 36 additions and 4 deletions
|
@ -1080,6 +1080,10 @@ key {
|
|||
}
|
||||
}
|
||||
|
||||
.buttons div.theme:hover{
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.signOut{
|
||||
font-size: 1rem;
|
||||
line-height: 1rem;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
:root {
|
||||
--bg-color: #ebe5d8;
|
||||
--bg-color: #eeebe2;
|
||||
--main-color: #080909;
|
||||
--caret-color: #7fa480;
|
||||
--sub-color: #99947f;
|
||||
|
@ -36,4 +36,3 @@ key{
|
|||
#menu .button:nth-child(4){
|
||||
color: var(--caret-color);
|
||||
}
|
||||
|
||||
|
|
|
@ -81,8 +81,8 @@
|
|||
},
|
||||
{
|
||||
"name": "mr_sleeves",
|
||||
"bgColor": "#8fadc9",
|
||||
"textColor": "#daa99b"
|
||||
"bgColor": "linear-gradient(to right, #daa99b, #daa99b 20%, #bdc6ca 20%, #bdc6ca 80%, #8fadc9 80%);",
|
||||
"textColor": "#000"
|
||||
},
|
||||
{
|
||||
"name": "olivia",
|
||||
|
@ -149,6 +149,11 @@
|
|||
"bgColor": "#1b1c1d",
|
||||
"textColor": "#79a617"
|
||||
},
|
||||
{
|
||||
"name": "taro",
|
||||
"bgColor": "#b3baff",
|
||||
"textColor": "#130f1a"
|
||||
},
|
||||
{
|
||||
"name": "striker",
|
||||
"bgColor": "#124883",
|
||||
|
|
24
public/themes/taro.css
Normal file
24
public/themes/taro.css
Normal file
|
@ -0,0 +1,24 @@
|
|||
:root {
|
||||
/* --bg-color: linear-gradient(215deg, #cbb8ba, #706768); */
|
||||
--bg-color: #b3baff;
|
||||
--main-color: #130f1a;
|
||||
--caret-color: #00e9e5;
|
||||
--sub-color: #6f6c91;
|
||||
--text-color: #130f1a;
|
||||
--error-color: #ffe23e;
|
||||
--error-extra-color: #fff1c3;
|
||||
}
|
||||
|
||||
.word.error{
|
||||
border-bottom: dotted 2px var(--text-color);
|
||||
}
|
||||
|
||||
#menu .button:nth-child(1){
|
||||
background: var(--caret-color);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
#menu .button:nth-child(2){
|
||||
background: var(--error-color);
|
||||
border-radius: 50%;
|
||||
}
|
Loading…
Reference in a new issue