mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-02-04 04:51:16 +08:00
64 lines
No EOL
996 B
CSS
64 lines
No EOL
996 B
CSS
:root {
|
|
--bg-color: #121520;
|
|
--caret-color: #fff;
|
|
--main-color: #fff;
|
|
--sub-color: #7f88ab;
|
|
}
|
|
|
|
#menu{
|
|
gap: .5rem;
|
|
}
|
|
|
|
#top.focus #menu .button,
|
|
#top.focus #menu:before,
|
|
#top.focus #menu:after
|
|
{
|
|
background: #7f88ab;
|
|
}
|
|
|
|
#menu .button{
|
|
border-radius: 10rem !important;
|
|
color: #121520;
|
|
}
|
|
|
|
/* #menu:before{
|
|
content: "";
|
|
background: #f94348;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
padding: .5rem;
|
|
border-radius: 10rem;
|
|
} */
|
|
|
|
#menu .button:nth-child(1){
|
|
background: #f94348;
|
|
}
|
|
|
|
#menu .button:nth-child(2){
|
|
background: #9261ff;
|
|
}
|
|
|
|
#menu .button:nth-child(3){
|
|
background: #3cc5f8;
|
|
}
|
|
|
|
#menu .button:nth-child(4){
|
|
background: #4acb8a;
|
|
}
|
|
|
|
#menu .button:nth-child(5), #menu .button:nth-child(6){
|
|
background: #ffd543;
|
|
}
|
|
|
|
#menu:after{
|
|
content: "";
|
|
background: #ff9349;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
padding: .5rem;
|
|
border-radius: 10rem;
|
|
}
|
|
|
|
#top.focus #menu .button.discord::after{
|
|
border-color: transparent;
|
|
} |