monkeytype/public/themes/dots.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;
  }